类别和产品页面CSS弄乱了彼此页面

时间:2015-05-25 10:38:40

标签: css magento-1.9

我在Magento中为我的类别和产品页面设置了CSS设置问题。在col-main部分中,类别页面的宽度为70%,以确保左侧边栏显示出来。

目前它并没有显示在页面底部。这是因为样式表options_base_nl.css上的设置设置为100%,否则产品页面将显示宽度为70%。这使我的产品页面看起来很奇怪而且搞砸了。

样式表options_base_nl.css中col-main部分的代码是:

.col2-layout .sidebar  { width: 20.41%;}
.col2-layout .col-main { width: 100%;}
.col2-left-layout .col-main-wrap { margin-left: 30px;}
.col2-right-layout .col-main-wrap { margin-right: 300px;}
.col2-layout .col-main { width: 100%;}
.col2-layout .sidebar  { width: 245px;}

当我将.col2-layout .col-main {100%}(最高的一个)设置为70%时,它会让侧边栏返回到类别的左侧,但它也会弄乱我的产品页面。

如何确保我的侧边栏会返回类别页面,但我的产品页面宽度为100%?

以下是指向类别和产品页面的链接:

类别:http://www.thefixedgearshop.com/nl/fixed-gear-fietsen/alle-fietsen

产品:http://www.thefixedgearshop.com/nl/fixed-gear-fietsen/alle-fietsen/6ku-bikes-fixed-gear-dallas-477

我在监督什么?我究竟做错了什么?我现在正在寻找备份,但无法找到问题所在。

2 个答案:

答案 0 :(得分:1)

您的详细信息页面使用了错误的布局,如果您在该页面上只有一列,则应使用一列布局。

答案 1 :(得分:0)

我用@tribleb的布局注释解决了这个问题。出了什么问题,产品视图在主题的local.xml文件中也得到了2列布局。这是我安装的插件(FAQ)编辑的。此插件更改了我认为或阻止了产品页面上的视图的设置。