VM Color Select - плагин выбора цвета в VirtueMart 3

Опубликовано: 31 Март, 2017
Обновлено: 20 Июнь, 2018
Категория: Расширения для VirtueMart 3
Комментариев: 56

VM Color Select - универсальный плагин выбора цвета товара с динамической заменой главного изображения.

Основные возможности

  • Простая настройка
  • Картинка цвета товара
  • Динамическая замена главного изображения
  • Совместим со сторонними плагинами вывода изображений
  • Настройка цены для конкретного цвета

Установка и настройка

После стандартной установки нужно создать новое настраиваемое поле в Virtuemart > Товары > Настраиваемые поля.

  • Тип поля - Плагины
  • Атрибут корзины - Да
  • Дополнительные параметры - VM Color Select

Все настройки настраиваемого поля будут настройками по умолчанию при добавлении этого поля к конкретному товару. Рассмотрим подробнее каждый пункт.

Папка с изображениями в select - Путь к папке с изображениями в выпадающем списке. Обязателен слеш в начале и в конце. Например, /images/icons/. Если оставить пустым, то будет показан обычный выпадающий список.

Папка с изображениями товара - Путь к папке с изображениями товара для динамической замены при выборе цвета. Обязателен слеш в начале и в конце. Если оставить пустым, то будет использоваться стандартный путь к изображениям virtuemart /images/stories/virtuemart/product/. Это  удобно если товары разного цвета уже используются в качестве дополнительных изображений. Если путь указан, то для динамической замены используются изображения из выбранной папки.

CSS класс основного изображения - css класс блока, в котором находится главное изображение товара. Обычно .main-image, но при использовании сторонних плагинов для вывода изображений класс может отличаться.

CSS класс дополнительных изображений - css класс блока, в котором находятся дополнительные изображения товара. Обычно .additional-images, но при использовании сторонних плагинов для вывода изображений класс может отличаться.

Выбор дополнительного изображения при смене цвета - при выборе этой опции кроме замены основного изображения также будет активироваться дополнительное изображение с нужным цветом. Можно использовать только если изображения товара при выборе цвета загружены в качестве дополнительных изображений. Также эта опция будет полезна при использовании сторонних плагинов для вывода изображений, например, vmzoomer.

Автоматически добавить пустой параметр - Опция добавляет пустой параметр в начало выпадающего списка.

Скрыть дополнительные изображения - Скрытие дополнительных изображений в карточке товара.

Параметры - Список параметров для выбора цвета. Каждый новый цвет задается с новой строки в следующем формате

У каждого цвета 4 параметра, заключенные в фигурные скобки { }.

  • цвет - Название цвета
  • изображение_select - Имя картинки для показа в выпадающем списке
  • изображение_товара - Имя картинки для динамической замены при выборе цвета
  • цена - Для каждого цвета можно указать цену, как и для обычных настраиваемых полей. Указывается не конечная цена, а разница между конечной и основной ценой товара. Например, +200 или -300. Знак +/- перед ценой обязателен.

Для заполнения обязателен только параметр цвет, остальные параметры могут быть пустыми. Например,

Пример, настройки параметров для нескольких цветов

Новое настраиваемое поле создано. Теперь добавим его к конкретному товару во вкладке Настраиваемые поля.

Настроим параметры и опции.

В результате в карточке товара получим следующее.

При добавлении более 10 цветов в выпадающем списке будет показано окно поиска нужного цвета.

Информация о плагине

Версия: 1.1

Последнее обновление: 20.06.2018

Дата создания: 31.03.2017

Совместимость с Joomla: 3.0.x - 3.9.x

Совместимость с Virtuemart: 3.0.x - 3.4.2

Стоимость: 1500р. 1000р. (до 30.11.2018)

Бесплатные обновления в течении 12 месяцев.

Дополнительная скидка 30% покупателям плагина vmzoomer и шаблонов от virtuemart.su. Для получения скидки напишите на admin@virtuemart.su

Демо Купить

56 комментариев

    Валерий

    Добрый день.
    Привязка по домену или неограниченно?

      admin

      admin

      Здравствуйте!
      Без привязки к домену.

    JediG

    Предвижу проблему при использовании фильтра Cherry Picker. Думаю, что фильтр будет выводить что-нибудь типа "{фиолетовый}{purple_mini.png}{purple.png}{+200}" вместо цвета, так как он с плагинами нормально не работает.

      admin

      admin

      Да, с Cherry Picker работать правильно не будет.

        JediG

        Вам бы уже придумать свой собственный фильтр. У вас ведь это неплохо получается.

          admin

          admin

          Это не так просто, к тому же на рынке уже есть несколько хороших фильтров.

    janet22

    Это почти то, что я давно искала, но не совсем. Скажите, есть ли возможность накладывать изображения друг на друга? Допустим цвет выбран, далее идет выбор рисунка на товаре или текст, и т.д и все это идет как слои, один на другой.

      admin

      admin

      Для этих целей посмотрите этот плагин.

        janet22

        Я его купила, но так и не смогла правильно настроить.... (

          admin

          admin

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

    mixail366

    Не совсем понял, что дает данный плагин. По-моему все это можно настроить и в настраиваемых полях. Но меня интересует как сделать, что бы один цвет (желаемый для меня) был дешевле остальных без создания дочерних товаров? В моем случае цветов будет около 20 и только один из них (для разных товаров разные могут быть) будет всегда со скидкой. Создавать 20 дочерних товаров очень уж много дел. А со временем рассчитываю, что будет еще больше чем 20. Возможно ли как то такое сделать?

      mixail366

      Не уточнил. Цвета выводятся списком, потому как их потом добавить или изменить будет проще сразу ко всем товарам, а не лазить и менять в каждом.

        admin

        admin

        Если не нужна автоматическая смена главного изображения при выборе цвета или миниатюра в выпадающем списке, то можно использовать стандартные поля с типом строка или изображение.

        В плагине можно создавать отрицательную наценку для конкретного цвета.

          mixail366

          Значит не ясно разъяснил. Хочу использовать сайт-магазин для приема заказов на изготовление изделий разных цветов и моделей. Но к примеру на цвете остановимся. К примеру будет много заказов на какие то мелкие недорогие вещи, которые не имеет особого значения каким цветом красить. Но на смену краски будет уходить время впустую. Потому куда проще сделать скидку на опцию выбор цвета: Любой, а остальные цвета брать одинаковую цену. Но цвета все время будут меняться в зависимости от производителя красок. И что бы каждый раз не лазить и не менять в каждом товаре проще создать настраиваемое поле с готовым списком цветов. Он и будет выводиться на сайте сразу списком, без выбора админом. Но вот как сюда добавить еще и Любой цвет с другой ценой без создания дочерних товаров? Без изменения основной картинки. Можно было бы создать одно поле с выбором между: Любой цвет и Выбрать цвет, а далее что бы при выборе Любой выбор закончен и в цене скидка сделалась, а при выборе Выбрать цвет появлялось еще одно окно выбора со списком цветов. Но все это по-моему можно сделать только через дочерние товары. А это слишком много лишней работы. Либо в каждом товаре надо выбирать вручную цвета при размещении товара, но тогда я не смогу добавлять и изменять цвета оптом. Как таковое осуществить попроще?

            admin

            admin

            C ходу трудно сказать, нужно пробовать, искать оптимальный вариант.
            Если все упирается в автоматическую смену цвету, то для быстрого редактирования можно будет менять все напрямую в БД.

    Ольга

    Подскажите пожалуйста, есть ли возможность добавить два выпадающих списка с цветами в одну карточку товара?
    Нужна возможность выбирать отдельно цвет фасада и цвет корпуса.
    Обязательна ли смена изображения товара при выборе цвета или можно как-то эту функцию отключить?
    Будет ли плагин корректно работать с этим фильтром: https://myext.eu/ru/vmcustom-param-vip

      admin

      admin

      Здравствуйте!
      Можно добавить неограниченное количество полей к одному товару. Смена главного изображения необязательна, можно просто не заполнять соответствующую настройку.
      Для фильтра, указанного Вами, нужно создавать свои поля, он не работает со сторонними полями, поэтому плагин с ним несовместим.

    s5519

    Добрый день, а есть что-то с одновременным выбором цвета и размера? Стандартные настройки через дочерние продукты очень громоздки, может есть такой фильтр или сочетание двух фильтров?

      admin

      admin

      Здравствуйте!
      Если нужны именно зависимости и учет остатков, то без дочерних товаров не обойтись.
      Иначе можно использовать обычные настраиваемые поля, например, с типом Строка.

    Лена

    Здравствуйте!
    Не поняла главного - с каким в итоге фильтром будет дружить данный плагин?
    И будет ли он работать с вариантами размеров для конкретного цвета?

      admin

      admin

      Здравствуйте!
      Как правило, у каждого фильтра свой тип настраиваемых полей, поэтому плагин с ними работать не будет.
      С вариантами также не получится связать.

    kalakamalaka

    kalakamalaka

    Можно ли выставить логику, в зависимости от первого параметра включается второй.
    Например тут https://www.giffgaff.com/mobile-phones/apple/apple-iphone-7/phone-details модель 32гб 4 цвета, модель 128 - 6 цветов
    м?

      admin

      admin

      Для настройки подобной логики нужно использовать дочерние товары. С помощью VM Color Select, к сожалению, не получится настроить.

    Crusade

    Вы в шаблон Аэрошопа этого плагин добавите?

      admin

      admin

      Нет, этот плагин в AirShop не планировал добавлять.

    Дина

    Я настраивала плагин с Вашей помощью, вроде у меня работало. А сейчас открываю - в выпадающем меню пропали картинки цветов.
    в параметрах прописано:
    {Gold}{gold-sm.png}{gold-onyx-case-ring.jpg}{}
    {Rose Gold}{rose-gold-sm.png}{Rose-gold-carnelian-case-ring-alt.jpg}{}
    {Silver}{silver-sm.png}{silver-amethyst-case-ring.jpg}{}
    подскажите, плиз, как вернуть картинки?

      admin

      admin

      Ответил на почту.

    Сергей

    Добрый день
    А можно ли в этом плагине заменить выпадающий список на чекбоксы?

      admin

      admin

      Здравствуйте!
      К сожалению, нет, чекбоксы добавить нельзя.

    skory

    а можно сделать зум при наведении на миниатюры, снизу от основного изображения?

      skory

      или зум при наведении на картинку в списке

        admin

        admin

        Если на сайте для zoom используется плагин VM Zoomer, то увеличивать картинку можно только в основной области.
        zoom для картинки в выпадающем списке, к сожалению, нельзя добавить.

          skory

          в мобильной версии картинка в списке не появляется

            admin

            admin

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

    skory

    "Выбор дополнительного изображения при смене цвета" - изображение то выбирается, но остается "за кадром". Можно ли в дополнительных изображениях выводить с текущим цветом?

      admin

      admin

      Попробуйте в конец файла /plugins/vmcustom/colorselect/colorselect/tmpl/default.php добавить

      Если не поможет, то пришлите доступ к админке, доступ к сайту по ftp и ссылку на вопрос, разберемся.

    fff_789

    На страницах категорий не работает смена изображений, при этом, в карточках товаров все работает. Как исправить???

      admin

      admin

      Плагин работает только в карточке товара. Для просмотра дополнительных изображений в категории можно использовать плагин AirSlider.

        fff_789

        Т.е. если установить AirSlider, в категориях будет меняться фото при выборе из полей плагина VM Color Select (по аналогии с карточкой товара), так? Но мне не нужен слайдер в категориях, нужен лишь функционал заложенный в VM Color Select - смена главного изображения при выборе опций. Почему-то, про то что он не работает в категориях, в вашем описании нет ни слова.

        Еще вопрос, на демо VM Color Select вместе с главным фото меняется его ссылка на увеличение. У меня же меняется только фото, а ссылка остается неизменной. Как исправить?

          admin

          admin

          VM Color Select не будет работать в категории товара. Можно только выбрать цвет из выпадающего списка, но сама картинка заменятся не будет.

          Т.е. если установить AirSlider, в категориях будет меняться фото при выборе из полей плагина VM Color Select (по аналогии с карточкой товара), так?

          AirSlider добавляет в категории функционал слайдера для дополнительных изображений и никак не взаимодействует с VM Color Select.

          Почему-то, про то что он не работает в категориях, в вашем описании нет ни слова.

          Если бы плагин работал в категориях и модулях об этом было бы написано в статье.

          Еще вопрос, на демо VM Color Select вместе с главным фото меняется его ссылка на увеличение. У меня же меняется только фото, а ссылка остается неизменной.

          Пришлите доступ к админке и доступ к сайту по ftp, будет разбираться.

    timakov31

    а возможно ли не отображать дополнительные изображения в карточке товара которые крепятся из-за этого плагина?

    Допустим у меня есть определенные дополнительные изображения которые должны быть в карточке, но разновидность цветов данного товара в этом блоке мне не нужна, как быть?

      admin

      admin

      Картинки в выпадающем списке можно не показывать. Просто при добавлении информации используйте такой вид

      Второй параметр отвечает за картинку в выпадающем списке, если его нет, то будет показан только текст.

        Игорь

        вы не поняли. Мне надо чтоб в плагине в выпадающем списке они были.

        А в дополнительных изображениях где главная фотка товара - нет.

          admin

          admin

          Скрыть можно с помощью опции Скрыть дополнительные изображения.

    n73vi

    n73vi

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

      admin

      admin

      Вышла новая версия плагина, в которой решены все проблемы совместимости с virtuemart 3.2.14 и выше. Скачать новую версию можно в личном кабинете.

        n73vi

        n73vi

        Спасибо. После обновления плагин работает отлично.

          admin

          admin

          Хорошо.

    сергей

    а если после покупки он не будет работать вы поможете?

      admin

      admin

      Конечно, в случае проблем со всем разберемся.

        сергей

        а подскажите на место маек как в демо можно будет загружать любые фото???

          admin

          admin

          Да, в выпадающем списке можно добавить любые фотографии.

    Андрей

    А почему при выборе цвета и совершении заказа с ним, цвет нигде не фиксируется?

      admin

      admin

      Здравствуйте!

      Чтобы информация о цвете передавалась в заказ необходимо чтобы у поля с цветом был выбран атрибут корзины. Проверьте настройки.

    Евгений

    А как сделать так, чтобы результат селекта в
    загружался сразу при загрузке страницы, а не по нажатию на a.chosen-single

      admin

      admin

      Уточните вопрос, нужно чтобы при загрузке автоматически выбирался первый результат в select?

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*
Для вставки кода заключите его в теги [php] [/php]
*

Оплата без комиссии

Ссылка на скачивание модуля будет отправлена Вам на почту в течении 1-3 часов после оплаты.

×

С 15-18 июня admin в отпуске.

Ответы на все вопросы и ссылки на товары будут присланы 19 июня.

Спасибо за понимание и хороших выходных.

×