Zen Cart的模板設(shè)計比較復(fù)雜，需要一定的時間來熟悉。一旦你了解了它的結(jié)構(gòu)，就會慢慢習(xí)慣了。
首先要閱讀常見問答部分的：如何添加、制作新模板。 Zen Cart的設(shè)計沒有什么特別，與以前設(shè)計HTML頁面是一樣的。只是整個頁面分成了好幾個部分，并加入了PHP代碼。
通常，頁面分為頁眉(header)，頁腳(footer)，邊框(sideboxes)。所以設(shè)計頁面的時候，要記住Zen Cart是如何組織這些頁面的。
頁面是通過CSS樣式表來控制的。樣式表控制表格單元的背景圖案、字體的顏色和樣式等等。所以，假如你需要修改邊框標(biāo)題欄的字體，那么查看樣式表文件。
Zen Cart在頁面添加圖像有兩種方式?？梢允褂脠D像目錄的相對路徑，或者在模板中用php變量定義圖像。如果你使用https服務(wù)器，并且采用相對圖像路徑，那么https的圖像目錄下也要有同樣的圖像，否則https服務(wù)器很可能會給出警告提示。
Zen Cart可以設(shè)置成任意的html/flash的界面，只是比通常的html頁面的設(shè)計費時。你可以從修改缺省的模板開始，先修改CSS文件和三欄格式的界面。開始先采用不同的顏色，很快就可以設(shè)計出完全不同的風(fēng)格。
最后，在設(shè)計模板前要先計劃好你網(wǎng)頁的內(nèi)容，事半功倍。
下面是zen cart頁面各部分相對應(yīng)模板文件的一個列表：
| 文件路徑 |
注釋 |
| 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 |
決定頁面的內(nèi)容部分，缺省為 ‘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 |
將商品數(shù)據(jù)添加到數(shù)組 |
| includes/templates/[custom template folder]/templates/tpl_modules_product_listing.php |
顯示商品數(shù)量和商品導(dǎo)航菜單 |
| includes/templates/[custom template folder]/common/tpl_list_box_content.php |
顯示商品數(shù)組 |
| 商品信息頁面 |
| 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 |
所有頁面的頁腳 |
