Magento. Как изменить количество колонок на странице результатов поиска

В этом уроке мы Вам покажем, как изменить количество колонок на странице результатов поиска в шаблонах Magento.

1. Войдите на Ваше FTP или используйте Вашу Панель управления хостингом и перейдите в папку app/design/frontend/tm_themes/themexxx/template/tm/productlistgallery, где themexxxx это Ваша тема. В этой директории найдите list.phtml файл. Вы можете изменить его а Вашей Панели управления хостингом или скачать его и редактировать с помощью любого удобного для Вас текстового редактора, как Sublime или Notepad++:

   

2. В файле list.phtml найдите следующий код (приблизительно линия 155):

   <?php //$_columnCount = $this->getColumnCount(); ?>
   <?php $_columnCount = 3; ?>

   Теперь замените его с:

   <?php $_columnCount = $this->getColumnCount(); ?>
   <?php //$_columnCount = 3; ?>

   Новый код закомментирует трёхколоночную структуру, которая задана по умолчанию и включит пользовательские опции.

3. Добавьте следующий код под кодом, который Вы только что заменили в файле list.phtml, код сделает трёхколоночную структуру для всех страниц, кроме страницы результатов поиска, для страницы результатов поиска он сделает четырёхколоночную структуру:

   <?
   if($this->getRequest()->getControllerName()=='result' || $this->getRequest()->getControllerName()=='advanced') {
   	$col_class='col-sm-3';
   	} else {
   	$col_class='col-sm-4';
   }
   ?>

   После этого, найдите в файле list.phtml следующий код (приблизительно линия 163):

   <li class="item<?php if(($i-1)%$_columnCount==0): ?> first<?php elseif($i%$_columnCount==0): ?> last<?php endif; ?> col-xs-12 col-sm-4" itemscope itemtype="http://schema.org/product">

   И замените col-sm-4 на:

   <?php echo $col_class; ?>

4. После изменений сохраните файл и загрузите его на сервер. После этого перейдите в папку app/design/frontend/tm_themes/themexxxx/layout/, где themexxxx это Ваша тема. В этой директории найдите файл tm_productlistgallery.xml и измените его также как и предыдущий файл:

   

   Найдите следующий код на линии 37-57:

   <catalogsearch_result_index translate="label">
   	<reference name="content">
   		<reference name="search_result_list">
   			<action method="setTemplate">
   			<template>tm/productlistgallery/list.phtml</template>
   			</action>
   		</reference>
   	</reference>
   </catalogsearch_result_index>
   <catalogsearch_advanced_result translate="label">
   	<reference name="content">
   		<reference name="search_result_list">
   			<action method="setTemplate">
   			<template>tm/productlistgallery/list.phtml</template>
   
   			</action>
   		</reference>
   
   
   	</reference>
   </catalogsearch_advanced_result>

   И замените его с:

   <catalogsearch_result_index translate="label">
   	<reference name="content">
   		<reference name="search_result_list">
   			<action method="setTemplate">
   			<template>tm/productlistgallery/list.phtml</template>
   			</action>
   			<action method="setColumnCount"><columns>4</columns></action>
   		</reference>
   	</reference>
   </catalogsearch_result_index>
   <catalogsearch_advanced_result translate="label">
   	<reference name="content">
   		<reference name="search_result_list">
   			<action method="setTemplate">
   			<template>tm/productlistgallery/list.phtml</template>
   			</action>
   			<action method="setColumnCount"><columns>4</columns></action>
   		</reference>
   	</reference>
   </catalogsearch_advanced_result>

   После этого колонки на странице результатов поиска будут иметь четырёхколоночную структуру, и каждая колонка будет показывать одну единицу товара.

5. Теперь результаты поиска будут отображаться в виде четырёх колонок. Вы также можете очистить или отключить Magento Кэш, если результаты поиска до сих пор отображаются в виде четырех колонок.

Теперь Вы знаете как изменить количество колонок на странице результатов поиска в шаблонах Magento.

Вы также можете ознакомиться с детальным видео-туториалом ниже: