很多朋友愛剛接觸到zencart的時候總感覺太麻煩,特別是入門階段,在安裝後系統後,看到預設的模板自然是不會太喜歡,但一看到別人的很漂亮的 站,又恨不能自己馬上diy乙個模板出來,tom在這收集了些從網路上找來的關於diy你的zencart模板需要了解的文件資料和對應的檔案注釋,希望 對大家有幫助!
具體的認知步驟可以分為以下幾點:通常,頁面分為頁首(header),頁尾(footer),邊框(sideboxes)。所以設計頁面的時候,要記住zen cart是如何組織這些頁面的。
頁面是通過css樣式表來控制的。樣式表控制**單元的背景圖案、字型的顏色和樣式等等。所以,假如你需要修改邊框標題欄的字型,那麼檢視樣式表文 件。
zen cart在頁面新增影象有兩種方式。可以使用影象目錄的相對路徑,或者在模板中用php變數定義影象。如果你使用https伺服器,並且採用相對影象路 徑,那麼https的影象目錄下也要有同樣的影象,否則https伺服器很可能會給出警告提示。
www.444p.com
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
所有頁面的頁尾
zencart模板如何設計
zen cart的模板設計比較複雜,需要一定的時間來熟悉。一旦你了解了它的結構,就會慢慢習慣了。通常,頁面分為頁首 header 頁尾 footer 邊框 sideboxes 所以設計頁面的時候,要記住zen cart是如何組織這些頁面的。頁面是通過css樣式表來控制的。樣式表控制 單元的背景圖案 ...
zencart 模板設計
zen cart的模板設計比較複雜,需要一定的時間來熟悉。一旦你了解了它的結構,就會慢慢習慣了。首先要閱讀常見問答部分的 如何新增 製作新模板。zen cart的設計沒有什麼特別,與以前設計html頁面是一樣的。只是整個頁面分成了好幾個部分,並加入了php 通常,頁面分為頁首 header 頁尾 f...
Zencart模板結構和設計詳解
zen cart的設計很簡單,和其他html頁面是一樣的。只是整個頁面分成了幾個部分,並加入了php 通常分為頁首 header 頁尾 footer 邊框 sideboxes 頁面通過css樣式表來控制,樣式表控制了包括 單元的背景圖案 字型顏色和樣 式等等,所以假如你需要修改邊框標題欄的字型,那麼...