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

Question

我在 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

我在监督什么？我究竟做错了什么？我现在正在备份中搜索，但找不到问题。

Answer 1

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