PrestaShop 1.5.x. Как изменить способ отображения продуктов

В этом уроке Вы узнаете, как изменить способ отображения продуктов в шаблоне PrestaShop.

PrestaShop. Как изменить способ отображения продуктов

1. Через FTP соединитесь с доменом. Если Вы не знаете, как это делается, обратитесь за помощью к хостинг-провайдеру.

2. Перейдите в папку /themes/themeXXX, где вместо ХХХ будет номер темы.

3. Откройте файл product-list.tpl

4. Найдите следующую строку кода:

<ul id="product_list" class="list">

class=»list» обозначает, что список установлен в Вашей теме как стандартный вид списка продуктов.

5. Измените его на:

<ul id="product_list" class="grid">

чтобы установить сетку, как стандартный вид списка продуктов.

6. Отредактируйте файл product-sort.tpl.

7. Найдите следующий код:

<ul class="product_view">
<li id="product_view_grid"></li>
<li id="product_view_list" class="current"></li>
</ul>

Этот код для отображения списка и сетки иконок. Установите в соответствующую команду <li> класс class=»current». В нашем случае получилось <li id="product_view_grid" class="current"></li>

Окончательный код будет выглядеть:

<ul class="product_view">
<li id="product_view_grid" class="current"></li>
<li id="product_view_list"></li>
</ul>

8. В браузере почистите куки и кэш и перезагрузите страницу со списком продуктов.

Пожалуйста, ознакомьтесь с детальным, обучающим видео ниже:

PrestaShop. Как изменить способ отображения продуктов