如何設計你的Zencart模板

2021-05-22 00:46:04 字數 2504 閱讀 3094

很多朋友愛剛接觸到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樣式表來控制,樣式表控制了包括 單元的背景圖案 字型顏色和樣 式等等,所以假如你需要修改邊框標題欄的字型,那麼...