Written by Steve Perry
Published on

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.

Steve Perry Creative Ltd

Studio and registered office: 4 Back Lane, Brown Edge, Staffordshire ST6 8QS.

Copyright © 2012 – 2023 Steve Perry Creative Ltd., unless otherwise noted.

Registered in England & Wales, number 08354632.

Colophon

Typeset in Söhne Kräftig and Söhne Buch, by Klim Type Co.

Set as 32/64, 24/32, 20/32, and 12/16 on an 8px/96px grid.

Colour palette selected for AAA contrast.