Important. We are closed. Due to decreased amount of time available, we don't accept new orders and we don't provide support for existing ones.

Really incredible support from the team at MANAdev. I was having some issues getting the Layered Navigation SEO Plus set up as my theme was causing a ... Read more

Jan 10, 2017 Chanette Kennedy

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