Question

I am on EE but I believe the issue is the same for CE. What I want to do seems very simple. I want all banners in the left hand navigation on a category page to appear above the filter navigation. What I have tried is to change the XML file (search.xml in the case of EE, catalog.xml in the case of CE) by adding the after=”-” call.

<catalog_category_layered>
    <reference name="left">
        <remove name="catalog.leftnav"/>   
        <block type="enterprise_search/catalog_layer_view" name="enterprisecatalog.leftnav" template="catalog/layer/view.phtml" after="-" />  
    </reference>
</catalog_category_layered>

However this does not change anything and Banners still load below Layered Navigation.

If I set the Widget to load in the left column on “All Pages”, it will load properly at the top of the column. This solution is undesirable because it also loads the widget on the home page. We only want this to affect Category Pages.

I can also remove the XML block all together and load it as a banner in the widget which allows me to position it anywhere in the left column. This is also undesirable as it breaks our AJAX loading of the page when a layered navigation option is selected.

Does the widget/banner block have a name so I can say after=”widget.banner.block.name” in the XML?

Answer 1

The only way I found to do this was to use JQuery to push the Widget containing the banners above the Layered Navigation after load.

//Move Category Widget zone above the layered navigation
jQuery(".catalog-category-view .col2-left-layout .col-left .widget").insertBefore(jQuery(".catalog-category-view .col2-left-layout .col-left .block-layered-nav"));