Zen cart 利用 CSS 在不同頁面有條件的顯示特定邊框

Zen Cart 有一個不好的地方就是邊框無法定制，比如隻想在首頁顯示商品分類邊框，但是其它頁面不想顯示。以前看到的方法都是修改邊框的 modules 檔案，涉及到大量的 PHP 代碼。最近看到一個 CSS 方法簡單明了，現在記錄如下。

原理：Zen Cart 的每一個頁面，都會生成一個獨一無二的 body id，可以檢視頁面的源代碼得知，比如首頁的 body id 是：indexHomeBody，登陸頁面的 body id 是：loginBody。結合這個獨一無二的 body id，在 CSS 檔案中修改對應邊框 id 的顯示屬性。

舉例，我們隻想在首頁顯示商品分類邊框，其它頁面不顯示。商品分類邊框的 id 是 categories，首頁的 body id 是 indexHomeBody，可以在 css 檔案中這樣寫：

#categories {display: none;}

#indexHomeBody #categories {display: block;}

現在再重新整理頁面，就能看到效果了。