Your support is so fast it’s stunning. You guys obviously know your stuff, including the knowledge of your clients who make mistakes during installati ... Read more

Apr 21, 2017 Haleen Hoes

Certified Magento Enterprise developer Certified Magento developer Certified Magento theme developer Certified Magento specialist

Manadev is certified extension and theme
developer for Magento

How To Put Layered Navigation On Home Page (or Any CMS Page)

Any extension from MANAdev Layered Navigation series, including SEO Layered Navigation Plus can be put into any CMS page as well as Home Page. Here is how to do this:

  1. In Magento Admin Panel go to menu CMS -> Pages, find your page and open it for editing.

    Open CMS Page

  2. Open Design tab and in Page Layout section add the following layout instructions to Layout Update XML field:

    CMS Page Layout Update XML

    <update handle="cms_page_layered" />
    <!-- add category products to content column -->
    <reference name="cms.products">
        <block type="catalog/product_list" name="product_list" 
          template="catalog/product/list.phtml">
          <action method="setCategoryId"><category_id>3</category_id></action>
          <block type="core/text_list" name="product_list.name.after" as="name.after" />
          <block type="core/text_list" name="product_list.after" as="after" />
          <block type="catalog/product_list_toolbar" name="product_list_toolbar" 
              template="catalog/product/list/toolbar.phtml">
            <block type="page/html_pager" name="product_list_toolbar_pager"/>
          </block>
          <action method="addColumnCountLayoutDepend">
              <layout>empty</layout>
              <count>6</count>
          </action>
          <action method="addColumnCountLayoutDepend">
              <layout>one_column</layout>
              <count>5</count>
          </action>
          <action method="addColumnCountLayoutDepend">
              <layout>two_columns_left</layout>
              <count>4</count>
          </action>
          <action method="addColumnCountLayoutDepend">
              <layout>two_columns_right</layout>
              <count>4</count>
          </action>
          <action method="addColumnCountLayoutDepend">
              <layout>three_columns</layout>
              <count>3</count>
          </action>
          <action method="setToolbarBlockName"><name>product_list_toolbar</name></action>
        </block>
    </reference>
    <reference name="before_body_end">
        <block type="mana_filters/layer" name="mana_layer" as="mana_layer" before="-">
            <action method="setCategoryId"><category_id>3</category_id></action>
        </block>
    </reference>
    
  3. Also insert ID of desired category in <category_id>3</category_id> (two times).

  4. Open desired category of your store through Catalog->Manage Categories. Make sure that Is Anchor=Yes on Display Settings tab.

We Accept: PayPal Visa MasterCard American Express Discover