Как в OpenCart отобразить товары сеткой и списком

Всем привет! Я снова продолжаю писать про свой опыт разработки интернет-магазинов, и на этот раз речь пойдет о том, как сделать вывод товаров в OpenCart сеткой и списком (по умолчанию в этом движке используется первый вариант). Итак, начнем.

Как вы могли заметить, расположение товаров в интернет-магазине OpenCart может быть разным: либо в виде списка, либо в виде сетки. Настраивая магазин на OpenCart, мы чаще всего можем видеть, что товары в категориях расположены списком. Кому-то нравится такой стиль отображения товара, но другие (и я в том числе) предпочитают более компактный вид — сетку. Мне кажется, что такое представление намного удобнее для посетителей.

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

Как же этого добиться? В админке эта возможность не предусмотрена (я до сих пор не могу понять, почему), поэтому необходимо внести небольшие изменения в код файла, отвечающего за вывод товаров в OpenCart.

Итак, открываем файл catalog/view/theme/имя темы/template/product/category.tpl и ищем следующие строки (в версиях 1.5.1.3 — 1.5.3.х, в стандартном шаблоне нужный код находится в районе 194-196 строк, или еще проще — в конце файла):

if (view) {
display(view);
} else {
display(‘list’);
}

Меняем в нем значение list на значение grid и в итоге получаем:

if (view) {
display(view);
} else {
display(‘grid’);
}

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

Соответственно, если в шаблоне по умолчанию стоит вид сеткой, а необходимо его изменить на список, то меняем grid на list и получим желаемый результат.

На этом я заканчиваю. Статья получилась небольшой, но надеюсь, что она вам пригодится. Оставляйте комментарии, если у вас возникают вопросы, и не забывайте подписываться на обновления!