你现在的位置:首页 > PHP网站建设知识库 > ZenCart > 正文

zencart利用CSS在不同页面有条件的显示特定边框

zencart有一个不好的地方就是边框无法定制,比如只想在主页显示商品分类边框,但是其它页面不想显示。以前看到的方法都是修改边框的 modules 文件,涉及到大量的 PHP 代码。最近看到一个 CSS 方法简单明了,现在记录如下。 

原理:zencart的每一个页面,都会生成一个独一无二的 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;}