zen-cart模板參考文檔

Zen Cart的模板設計比較複雜,需要一定的時間來熟悉。一旦你瞭解了它的結構,就會慢慢習慣了。


首先要閱讀常見問答部分的:如何添加、製作新模板。 Zen Cart的設計沒有什麼特別,與以前設計HTML頁面是一樣的。只是整個頁面分成了好幾個部分,並加入了PHP代碼。通常,頁面分爲頁眉(header),頁腳(footer),邊框(sideboxes)。所以設計頁面的時候,要記住Zen Cart是如何組織這些頁面的。

頁面是通過CSS樣式表來控制的。樣式表控制表格單元的背景圖案、字體的顏色和樣式等等。所以,假如你需要修改邊框標題欄的字體,那麼查看樣式表文件。

Zen Cart在頁面添加圖像有兩種方式。可以使用圖像目錄的相對路徑,或者在模板中用php變量定義圖像。如果你使用https服務器,並且採用相對圖像路徑,那麼https的圖像目錄下也要有同樣的圖像,否則https服務器很可能會給出警告提示。

 

 

Zen Cart可以設置成任意的html/flash的界面,只是比通常的html頁面的設計費時。你可以從修改缺省的模板開始,先修改CSS文件和三欄格式的界面。開始先採用不同的顏色,很快就可以設計出完全不同的風格。

最後,在設計模板前要先計劃好你網頁的內容,事半功倍。

下面是zen cart頁面各部分相對應模板文件的一個列表:

 

 

文件路徑 註釋
index.php 主文件
includes/templates/[custom template folder]/common/html_header.php 頁面的head部分
includes/templates/[custom template folder]/common/tpl_main_page.php 頁面的body部分
includes/templates/[custom template folder]/common/tpl_header.php 所有頁面的頁眉
(column left)  
includes/templates/[custom template folder]/common/main_template_vars.php 決定頁面的內容部分,缺省爲 ‘tmp_index_default.php’
首頁 – 缺省
includes/templates/[custom template folder]/templates/tmp_index_default.php 首頁模板文件
首頁 – 顯示分類
includes/templates/[custom template folder]/templates/tpl_index_categories.php 首頁上顯示分類時的模板文件
includes/modules/[custom template folder]/pages/index/category_row.php 選擇要顯示的分類
includes/templates/[custom template folder]/templates/tpl_index_category_row.php 顯示分類
首頁 – 顯示指定分類
includes/templates/[custom template folder]/templates/tpl_index_product_list.php 首頁上顯示指定的分類時採用的模板文件
includes/modules/[custom template folder]/product_listing.php 將商品數據添加到數組
includes/templates/[custom template folder]/templates/tpl_modules_product_listing.php 顯示商品數量和商品導航菜單
includes/templates/[custom template folder]/common/tpl_list_box_content.php 顯示商品數組
商品信息頁面
includes/templates/[custom template folder]/templates/tpl_product_info_display.php 顯示單件商品信息
購物車頁面
includes/templates/[custom template folder]/templates/tpl_shopping_cart_default.php 購物車頁面
(column right)  
includes/templates/[custom template folder]/common/tpl_footer.php 所有頁面的頁腳
 

 

 

 

 

發佈了74 篇原創文章 · 獲贊 1 · 訪問量 29萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章