Categories

Featured templates

Magento. How to change products search results page layout (grid/list)

Rating: 5.0/5. From 2 votes.
Please wait...

This tutorial will show you how to change the layout (from grid to list) on Search results pages in your Magento store.

You can change the search results page view in 2 ways, from Admin panel and from server side.

  1. In order to change the view in the code:

    1. Login to your Hosting Control panel and navigate to File Manager.

    2. Find and open /app/design/frontend/tm_themes/themeXXX/layout/local.xml file, where XXX is your theme number.

    3. Locate the

      <catalogsearch_result_index>

      and add to it

      <reference name="product_list_toolbar">
      	<action method="setData"><key>_current_grid_mode</key><value>grid</value></action>
      </reference>
    4. If there is no

      <catalogsearch_result_index>

      you should add

      <catalogsearch_result_index>
      	<reference name="product_list_toolbar">
      	<action method="setData"><key>_current_grid_mode</key><value>grid</value></action>
      	</reference>
      	<reference name="root">
      	<action method="setTemplate"><template>page/2columns-left.phtml</template></action>
      	</reference>
      </catalogsearch_result_index>

      where

      <value>grid</value>

      stands for grid view, and you can change it into

      <value>list</value>

      stands for list view.

    5. Press the Save button.

  2. In order to change the view in the admin panel (this way will change all product listings default views):

    1. Login to your Admin panel and navigate to System – > Configuration – > CATALOG – > Catalog – > Frontend and set List Mode from the dropdown.

    2. Press the Save Config button.

  3. Refresh the page of your store to see the changes. You may also need to clear Magento cache to see the changes.

Feel free to check the detailed video tutorial below:

Magento. How to change products search results page layout (grid/list)

Browse our brand new Magento Templates and learn more about awesome usability.

Magento Web Templates
This entry was posted in Magento Tutorials and tagged grid, list, Magento, page layout, search results. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket