[佈景][參考] ZenCart 佈景板，設計參考，基本佈局，欄表等

[seethrou]

為了方便更新和整理，也為了以後方便參考，這裡暫時會鎖上，如有問題，請到其他區發表。

以下內容為 Zen Cart v1.2.x 或之前的佈景板參考，
基於 v1.3.x 的會有不同的設計，敬請留意！
=== 2006-04-27, seethrou =============


佈景板 - 基本佈局，表格，設計參考表（英文版本）

基本的佈景板表格 - 基本佈局，方便設計時參考用，可與樣式表 Stylesheet 對應

官網的線上樣本
http://www.zen-cart.com/modules/xoopsfaq/zen_tables.html




[附件已被管理員刪除]

[seethrou]

以下內容為 Zen Cart v1.2.x 或之前的佈景板參考，
基於 v1.3.x 的會有不同的設計，敬請留意！
=== 2006-04-27, seethrou =============


這個參考想寫了很久，不過因為條件問題和其他工作因素，放下了很久，沒有進展，
而且在實作上修改和解決這些問題，應只是數分鐘的事情，不過因為不是專業，也不是寫文件的，寫起上來卻很浪費時間，很怕的不斷在偷懶，
因有朋友問起，只好簡單的介紹一下，以後如果有時間會不定期更新和整理，

以下文件的對象為一般入門的朋友，作為修改的參考，不過如果有了清晰概念，也可以用來打造一個有殺手效果網店，
如果您發覺有困難，可能是您對她不熟悉，也許是太心急，忽略了一些基本的概念，有點迷了途，沒有方向。
不過有很多工具程式可以幫助，減少工作上的困難，請多參考。

如果想更深入的修改和應用，請參考其他技術文件，如樣式表，Html, 網頁設計，PHP, Java Script, Flash 和 MySQL, 圖案設計等，
因為 Zencart 都是按一般概念來發展設計的，只是內容有點多，要照顧的功能也不少。

舉例會以示範的 classis 模板為主，和 blue_strip 為輔，但試驗時請不要直接使用它們，而是應該複製一個新的佈景板來進行，而且應該使用「優先取代」系統。

=== 佈景板參考資料 ===============

在正常的情況下，
全螢幕寬度 => main_page 寬度  ( => 是等於或大於的符號)
main_page - 店面的中部，為實際可顯示部份，寬度等於或小於全螢幕寬度
main_page => ( colum_left + centershop + colum_right ) ， (在三欄網頁設計的情況下)
centershop - 三欄設計的中間部份
column_left - 三欄設計的左面部份， 注意： 為了方便，這部份在後台管理設有輔助設定
column_right - 三欄設計的右面部份， 注意： 為了方便，這部份在後台管理設有輔助設定
Header - 頁面的頁頂或頁頭，
Footer - 頁面的頁腳或頁尾

基本上有兩個不同的導覽列，它們是在不同的地方
A.  headerNavigation - 這個便是一般放置 - 首頁，登入，購物車和結帳連結那個橫條。
B.  breadCrumb  - 這個出現在 centershop 部份的頁頂，記錄了曾經瀏覽頁面的動向，方便快速來回頁面。

在 CSS 檔案中，其實大部份已經加有註明，請留意
------------------------------------------------------------------------
/*HEADER CSS*/
影響店面的頁頂部份

/*SIDEBOX CSS*/ 和各 box
影響側框盒 box, sidebox .. 等 - 框盒和側框盒，有很多個，主要分在左和右，中間部份等，
如：
 leftbox
 rightbox
 centerbox
 singlebox
 plainbox

其中特別要注意的是，產品分類的框盒，是有自己一套的控制的，請參考在 CSS 檔案中有以下備註的部份：
/* categories box parent and child categories */