Clever Geek Handbook

Category and product page CSS messed up pages for each other

I am having a problem setting up my CSS for my category and product page in Magento. The category page is 70% wide in the main body to make sure the sidebar on the left is visible.

This is not currently displayed and appears at the bottom of the page. This is because the setting on the stylesheet is options_base_nl.css

set to 100%, otherwise the product page will be rendered at 70% width. This makes my product page all look weird and messed up.

Code for the main body in the stylesheet options_base_nl.css

:

.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;}

when i set .col2-layout .col-main {100%}

(top) to 70% it will allow the sidebar to go back to the left side of the category, but that will mess up my product page too.

How can I make sure the sidebar goes back to category pages but my product page is 100% wide?

Here are the links to the category and product page:

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

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

What am I watching? What am I doing wrong? I'm looking for a backup right now but can't find the problem.

+3


source to share


2 answers


you are using the wrong layout for your detail page, if you only have one column on that page you must use a single column layout.



+1


source


I solved the problem with @tribleb layout comment. What went wrong is the product view got a 2column layout and also in the theme's local.xml file. This was edited by a plugin (FAQ) that I installed. This plugin changed the setting I think or blocked the view on the product page.



0


source






More articles:


All Articles