I want to make sure that the compare products block is positioned at the top of the page under Filters. I don't want to put it in the left sidebar though. Is there a way to adjust the layout on lower res screens so that it will have this layout?
In the Changes to Layout Files section of the Magento RWD theme document, it states this:
Because two and three column layouts collapse to a single column on smaller viewports, all content in the left block are displayed under the main content. This is a problem because blocks—like the navigation on all My Account pages—must display above the main content on smaller viewports. To address this, a new left_first block was added that looks like the left column on larger viewports, but on smaller viewports, it displays above the main content.
So what you need to do is to move the
catalog.compare.sidebar block to the
left_first block. The code will look something like this:
<default> <reference name="left_first"> <action method="append">catalog.compare.sidebar</action> </reference> <reference name="right"> <action method="unsetChild">catalog.compare.sidebar</action> </reference> </default>
The code above will need to be placed on your custom layout file, such as
local.xml. I haven't tested the above code, so you may need to tweak it to get it to work.
I decided to move it to the left sidebar under the layered navigation. Here was the final code to do it:
<reference name="left_first"> <block type="catalog/product_compare_sidebar" after="catalog.leftnav" name="catalog.compare.sidebar" template="catalog/product/compare/sidebar.phtml"/> <action method="append">catalog.compare.sidebar</action> </reference>