Magento – 1.9 RWD Theme – Layered Navigation

layered-navigationmagento-1.9rwdtheme

I'm trying to move the top navigation to the left column of the page. Unfortunately I don't really know how I can manage this.

Since I have a lot of categories, I can't really use the Horizontal Navigation.

I have already tried changing the catalog.xml file, but it didn't seem to work. Cache is disabled, and its a clean install.

Thanks in advance!

I changed this:

<reference name="left_first">
    <block type="catalog/layer_view" name="catalog.leftnav" after="currency" template="catalog/layer/view.phtml">
        <block type="core/text_list" name="catalog.leftnav.state.renderers" as="state_renderers" />
    </block>
</reference>

to this

<reference name="left">
    <block type="catalog/layer_view" name="catalog.leftnav" after="currency" template="catalog/layer/view.phtml">
        <block type="core/text_list" name="catalog.leftnav.state.renderers" as="state_renderers" />
    </block>
</reference>

Unfortunately nothing changed. The path is: /magento/app/design/frontend/rwd/default/layout

Best Answer

So firstly I am making a few assumptions.

That you want to remove the normal navigation from the top and move it completely to the left hand-side,
That you are going to style it yourself :)

Firstly want you want to do is create a local.xml in your theme so you can change the xml of pages easily.

Then you want to unset the current main navigation.

<reference name="top.menu">
    <action method="unsetChild">
        <name>catalog.topnav</name>
    </action>
</reference>

Now what you want to do is move this into the left column.

<reference name="left">
    <action method="insert">
        <block>catalog.topnav</block>
    </action>
</reference>

Now in the end your complete local.xml file will look as follows.

<?xml version="1.0"?>
<layout version="0.1.0">
    <default>
        <reference name="top.menu">
            <action method="unsetChild">
                <name>catalog.topnav</name>
            </action>
        </reference>
        <reference name="left">
            <action method="insert">
                <block>catalog.topnav</block>
            </action>
        </reference>
    </default>
</layout>

Now one very important thing to think about here is that not all pages have a left column. For instance in a default set-up the homepage and other cms pages do not have this as well as all product pages.

Related Solutions

Magento – magento CE 1.9 responsive theme error

If you pop open the app/design/frontend/rwd/default/layout/catalog.xml file you'll find this:

76. <block type="catalog/navigation" name="catalog.leftnav" after="currency" template="catalog/navigation/left.phtml">
77.     <block type="core/text_list" name="catalog.leftnav.state.renderers" as="state_renderers" />
78. </block>

As you can see, there is an added block state_renderers which the template the PHP error is turning up in is relying on being present. Now, it would have been much better for this template to verify the result to the getChild() call was not null before doing anything with it, but unfortunately it doesn't. Maybe the handful of places this occurs in the new rwd/default templates will have this resolved in the next version of EE 1.14. :)

I would suggest making sure your catalog.xml layout includes the new child blocks found in the core. If you have other blocks using this template, they'll need a similar child block inserted into their layout.

Alternatively, you could alter the template within your custom theme to implement a check for the block before it uses it like this (disclaimer: this patch is untested, use at your own risk):

diff --git a/app/design/frontend/rwd/default/template/catalog/layer/state.phtml b/app/design/frontend/rwd/default/template/catalog/layer/state.phtml
index 0b90407..e8998fd 100644
--- a/app/design/frontend/rwd/default/template/catalog/layer/state.phtml
+++ b/app/design/frontend/rwd/default/template/catalog/layer/state.phtml
@@ -33,16 +33,17 @@
 ?>
 <?php
 $_filters = $this->getActiveFilters();
-$_renderers = $this->getParentBlock()->getChild('state_renderers')->getSortedChildren();
+$_renderers = $this->getParentBlock()->getChild('state_renderers');
 ?>
 <?php if(!empty($_filters)): ?>
 <div class="currently">
     <p class="block-subtitle"><?php echo $this->__('Currently Shopping by:') ?></p>
     <ol>
     <?php foreach ($_filters as $_filter): ?>
+        <?php if ($_renderers != null): ?>
         <?php
         $_rendered = false;
-        foreach ($_renderers as $_rendererName):
+        foreach ($_renderers->getSortedChildren() as $_rendererName):
             $_renderer = $this->getParentBlock()->getChild('state_renderers')->getChild($_rendererName);
             if (method_exists($_renderer, 'shouldRender') && $_renderer->shouldRender($_filter)):
                 $_renderer->setFilter($_filter);
@@ -67,6 +68,7 @@ $_renderers = $this->getParentBlock()->getChild('state_renderers')->getSortedChi
             <span class="label"><?php echo $this->__($_filter->getName()) ?>:</span> <span class="value"><?php echo $this->stripTags($_filter->getLabel()) ?></span>
         </li>
         <?php endif; ?>
+        <?php endif; ?>
     <?php endforeach; ?>
     </ol>
 </div>

Magento – Magento configurable swatches on product list in custom theme

To make it work you need to add

<block type="core/text_list" name="product_list.name.after" as="name.after" />
<block type="core/text_list" name="product_list.after" as="after" />

after

<block type="catalog/product_list" name="product_list" template="catalog/product/list.phtml">

in catalog.xml under catalog_category_layered section and copy

app\design\frontend\rwd\default\template\catalog\product\list.phtml

to your theme

Best Answer

Related Solutions

Magento – magento CE 1.9 responsive theme error

Magento – Magento configurable swatches on product list in custom theme

Related Topic