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

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:

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