OpenCart — предпросмотр опций товаров в категориях, рекомендуемых, новинках …

Модуль «Image Option Preview» нельзя назвать обязательным модулем для интернет-магазина, но все же уже не один раз получала вопрос о том как настроить такой функционал, который обеспечивает этот модуль. Что же делает модуль «Image Option Preview»? Ну, уже из названия частично понятно, что модуль затрагивает опции товара, которые настроены в магазине в виде изображений. Обычно опции товара видны непосредственно в карточке товара, но с помощью данного модуля можно опцию, которая задана в админке изображениями, отобразить в категориях, на странице поиска, производителей и в похожих товарах, в таких модулях, как последние товары (новинки), лидеры продаж, избранные или рекомендуемые, в акциях.

Вот пример того, какой вид может иметь выводимая опция:

— цвет товара (без заголовка)

— размер (с заголовком)

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

1. Скачиваем модуль «Image Option Preview». Модуль совместим с версиями 1.5.6.4 — 2.2.0.0, скачиваем нужную версию. Модуль требует установленного vqmod. Поэтому, если в вашем магазине используется vqmod, то установка модуля будет стандартной — загрузили файлы и настроили модуль в админке, если же vqmod не используется, то придется код из image_option_preview.xml переносить вручную в каждый отдельный файл, который затронут в данном xml файле (как это делать описывать в посте не буду, так как кода довольно много, в предыдущих постах затрагивался вопрос переноса кода из xml файлов в файлы магазина).

2. По ftp загружаем файлы из архива, из папки upload. Как писала выше, если vqmod есть, то сразу после загрузки всех файлов, переходим к следующему пункту. Если vqmod отсутствует, то загружаем только папки admin и catalog, папку vqmod в магазин не загружаем, и вручную переносим код из файла vqmod/image_option_preview.xml по нужным файлам.

3. Заходим в админку — Модули и устанавливаем модуль «Image Option Preview». Настраиваем модуль:

— Status — включено

— Image Option — выбираем ту опцию, которую хотим вывести (тип опции должен быть «изображение»)

— Show Zero Qt. Option — показывать или нет то значение опции, которое имеет нулевое значение

— Show Option Name — показывать название опции или нет («Цвет», «Размер» и т. д., как на приведенных скринах выше)

— Thumbnail Height и Thumbnail Width — размеры превью значений опций, по умолчанию им присвоены и ширина и высота в 16 пикселей

— CSS Style — можно настроить стили под себя (отступы, бордеры, шрифт), не заходя по ftp в файл со стилями

После того, как настройки сохранены, отправляемся во фронтальную часть магазина и проверяем изменеия.