JSFiddle - React, Tailwind, and code Playground

by mobilat

HTML

<!-- Category with layered navigation -->
    <catalog_category_layered>

        <reference name="root">
            <action method="setTemplate"><template>page/2columns-left.phtml</template></action>
        </reference>

        <reference name="left">
            <!-- Keep layered navigation always on top. Replace: after="currency" with: before="-" -->
            <!--<action method="unsetChild"><name>catalog.leftnav</name></action>
            <block type="catalog/layer_view" name="catalog.leftnav" before="-" template="catalog/layer/view.phtml"/>-->

            <!-- Remove currency switcher from sidebar -->
            <action method="unsetChild"><name>currency</name></action>



            <!-- Sidebar navigation (categories) -->
            <block type="ultimo/navigation" name="infortis.vertnav" template="page/html/sidemenu.phtml" before="-" />
        </reference>

        <reference name="product_list">

            <!-- Custom static blocks -->
            <block type="cms/block" name="block_category_above_collection">
                <action method="setBlockId"><block_id>block_category_above_collection</block_id></action>
            </block>
            <block type="cms/block" name="block_category_above_empty_collection">
                <action method="setBlockId"><block_id>block_category_above_empty_collection</block_id></action>
            </block>
            <block type="cms/block" name="block_category_below_collection">
                <action method="setBlockId"><block_id>block_category_below_collection</block_id></action>
            </block>

        </reference>

    </catalog_category_layered>