OpenCart — вывод товаров категории сеткой по умолчанию + иконки списка и сетки вместо текста

Так уж повелось, что дефолтный шаблон Opencart, да и многие сторонние шаблоны, по умолчанию отображают товары в категориях списком, а не сеткой, но практика доказывает, что большинство владельцев магазинов отдает предпочтение выводу товара сеткой. В принципе, это обстоятельство не является проблемой, так как изменение отображения товара со списка на сетку практически не требует знаний и затрат времени, как это сделать мы рассматривали в записи «OpenCart – товары сеткой или списком по умолчанию». Мы меняли список на сетку с помощью кода. Сегодня давайте рассмотрим модуль, который позволяет установить по умолчанию сетку (grid) для вывода товаров в категориях. Также данный модуль вместо текста «Вид: Список/Сетка» выведет две иконки, отвечающие за переключение списка и сетки.

Вместо стандартной надписи

мы получим компактный вид с использованием иконок

Установка и настройка модуля

Скачать модуль Show List/Grid icons instead of text + grid view as default. Модуль подходит для версий 1.5.4 — 1.5.6.4, требует установленного vqmod. И надо сразу оговориться, что модуль написан под дефолтный шаблон, для того, чтобы он заработал на стороннем шаблоне, необходимо внести некоторые изменения в xml файл, но обо всем по порядку.

Закачать содержимое архива (папки catalog и vqmod) в корень магазина. Если вы используете стороннюю тему, то необходимо изображение icon-list-grid.png из папки catalog/view/theme/default/image загрузить в папку image вашей темы, по такому пути — catalog/view/theme/ваша-тема/image/.

Затем, опять таки, для владельцев сторонних шаблонов, открываем файл vqmod/xml/list-grid-icons.xml и в двух строках — 14 и 22 изменим «*» на название используемой темы. Затем следует в коде этого файла, в путях к изображению с иконками, изменить «default» на название своей темы. Находим пути (используя, например, тот же Notepad++, с помощью поиска и замены)

catalog/view/theme/default/image/icon-list-grid.png

и меняем его на

catalog/view/theme/ваша-тема/image/icon-list-grid.png

Сохраняем внесенные изменения и проверяем категории нашего магазина — товары открылись сеткой и вместо текста «Вид: Список/Сетка» появились иконки для выбора вида категории. Если обновили страницу, а изменений так и не обнаружили, чистим кеш, как системный, так и браузерный.