How to move the layered navigation in Magento

How to move the layered navigation in Magento

How to move the layered navigation in Magento from the left column into the right column using your local.xml file, so that any changes do not get overwritten during any future upgrades.

<catalog_category_layered>
    <reference name="left">
        <action method="unsetChild"><name>catalog.leftnav</name></action>
    </reference>
    <reference name="right">
        <action method="insert"><child>catalog.leftnav</child></action>
    </reference>
</catalog_category_layered>

So all we are doing here is simply using unsetChild to remove the layered navigation from our left column and then re-inserting it into our right column using insert. You can find your reference and block names by inspecting your base catalog.xml file.

Subscribe to Steve Perry Creative

Don’t miss out on the latest issues. Sign up now to get access to the library of members-only issues.
jamie@example.com
Subscribe