购物车为空

基于页面的CSS样式表


适用Zen Cart v1.3以下版本。v1.3.x中已经内置本模块。
详见/includes/templates/template_default/css/CSS_read_me.txt

********************************************
功能:不同的页面、分类、厂家、商品使用不同的CSS样式表文件
********************************************

Zen Cart可以定制商店外观的每一个部分。但是,如果你只要修改某个页面,而不是所有相关页面,就需要新建一个CSS标签,然后找到要修改的代码文件,替换原来的标签。接着,还要将修改的文件放到文件替换目录,升级时还要做相应修改。

现在,你可以只修改特定页面的类选择符{属性 : 值},相同的类选择符在不同页面可以有不同的值 ... 只要将修改的CSS文件指定给特定页面。 显示一个页面时,Zen Cart会检查该页面是否有特定的CSS文件,然后自动调用,不同的语言还可以使用不同的样式表。

要实现以上的效果,只要修改一个文件: /includes/templates/zccn/commonhtml_header.php

新的'html_header.php'文件,可以让不同的页面、分类、厂家、商品使用不同的CSS样式表文件。

更新了文件'html_header.php'后,在CSS目录中建立附加的CSS文件时,采用以下的命名规则:

stylesheet.css (全站标签,没有修改)
pagename.css (页面的标签)
c_???.css (分类下所有商品信息页面的标签)
m_???.css (厂家的商品列表页面的标签)
p_???.css (商品的信息页面的标签)

CSS文件以上面的顺序载入,后载入的标签将覆盖以前的标签。不需要重复类选择符的所有信息,只要修改、添加{属性 : 值}。

样式表还可以基于语言,在CSS 文件名前加上语言名称即可。例如: 'schinese_stylesheet.css'

浏览器调用CSS文件的顺序:

stylesheet.css // 总是调用,全站范围适用
language_stylesheet.css // 使用该语言时,修改所有页面
page_name.css // 修改一个页面
language_page_name.css // 使用该语言时,修改一个页面
c_??_??.css // 修改一个分类下的所有信息页面
language_c_??_??.css // 使用该语言时,修改一个分类下的所有信息页面
m_??.css // 修改一个厂家的列表页面
language_m_??.css // 使用该语言时,修改一个厂家的列表页面
p_??.css // 修改一个商品的信息页面
language_p_??.css // 使用该语言时,修改一个商品的信息页面

CSS文件名可以参考浏览器的网址栏:

例如: 'main_page=product_info&cPath=3_10&products_id=12'

product_info.css (所有商品信息页面的标签)
c_3_10.css (分类 3_10 中的所有商品信息页面的标签)
p_12.css (商品 12 的页面的标签)

不需要给所有页面建CSS文件。
例如,你要在商品12的页面上将某行显示为 红色/加粗,只要一个 'p_12.css' 文件就可以了。

CSS目录下有一些样本文件。

该商品加入分类的日期为 2010年 01月 01日