OpenCart 2.x — предпросмотр опций товаров в категориях, рекомендуемых, новинках … 2016-07-21

можно опцию, которая задана в админке изображениями, отобразить в категориях, на странице поиска, пр

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

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

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

    opencart-image-options-preview.jpg

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

    opencart-image-options-preview-size.jpg


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

    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 в файл со стилями

    image-option-preview-settings.jpg

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