VM Color Select - универсальный плагин выбора цвета товара с динамической заменой главного изображения.
Основные возможности
- Простая настройка
- Картинка цвета товара
- Динамическая замена главного изображения
- Совместим со сторонними плагинами вывода изображений (VM Zoomer, VM Swipe)
- Настройка цены для конкретного цвета
Установка и настройка
После стандартной установки нужно создать новое настраиваемое поле в Virtuemart > Товары > Настраиваемые поля.
- Тип поля - Плагины
- Атрибут корзины - Да
- Дополнительные параметры - VM Color Select
Все настройки настраиваемого поля будут настройками по умолчанию при добавлении этого поля к конкретному товару. Рассмотрим подробнее каждый пункт.
Папка с изображениями в select - Путь к папке с изображениями в выпадающем списке. Обязателен слеш в начале и в конце. Например, /images/icons/. Если оставить пустым, то будет показан обычный выпадающий список.
Папка с изображениями товара - Путь к папке с изображениями товара для динамической замены при выборе цвета. Обязателен слеш в начале и в конце. Если оставить пустым, то будет использоваться стандартный путь к изображениям virtuemart /images/stories/virtuemart/product/. Это удобно если товары разного цвета уже используются в качестве дополнительных изображений. Если путь указан, то для динамической замены используются изображения из выбранной папки.
CSS класс основного изображения - css класс блока, в котором находится главное изображение товара. Обычно .main-image, но при использовании сторонних плагинов для вывода изображений класс может отличаться.
CSS класс дополнительных изображений - css класс блока, в котором находятся дополнительные изображения товара. Обычно .additional-images, но при использовании сторонних плагинов для вывода изображений класс может отличаться.
Выбор дополнительного изображения при смене цвета - при выборе этой опции кроме замены основного изображения также будет активироваться дополнительное изображение с нужным цветом. Можно использовать только если изображения товара при выборе цвета загружены в качестве дополнительных изображений. Также эта опция будет полезна при использовании сторонних плагинов для вывода изображений, например, vmzoomer.
Автоматически добавить пустой параметр - Опция добавляет пустой параметр в начало выпадающего списка.
Скрыть дополнительные изображения - Скрытие дополнительных изображений в карточке товара.
Параметры - Список параметров для выбора цвета. Каждый новый цвет задается с новой строки в следующем формате
1 |
{цвет}{изображение_select}{изображение_товара}{цена} |
У каждого цвета 4 параметра, заключенные в фигурные скобки { }.
- цвет - Название цвета
- изображение_select - Имя картинки для показа в выпадающем списке
- изображение_товара - Имя картинки для динамической замены при выборе цвета
- цена - Для каждого цвета можно указать цену, как и для обычных настраиваемых полей. Указывается не конечная цена, а разница между конечной и основной ценой товара. Например, +200 или -300. Знак +/- перед ценой обязателен.
Для заполнения обязателен только параметр цвет, остальные параметры могут быть пустыми. Например,
1 |
{красный}{}{red.png}{} |
Пример, настройки параметров для нескольких цветов
1 2 3 4 5 |
{красный}{red_mini.png}{red.png}{} {голубой}{blue_mini.png}{blue.png}{} {зеленый}{green_mini.png}{green.png}{} {оранжевый}{orange_mini.png}{orange.png}{+100} {фиолетовый}{purple_mini.png}{purple.png}{+200} |
Новое настраиваемое поле создано. Теперь добавим его к конкретному товару во вкладке Настраиваемые поля.
Настроим параметры и опции.
В результате в карточке товара получим следующее.
При добавлении более 10 цветов в выпадающем списке будет показано окно поиска нужного цвета.
Информация о плагине
Версия: 1.2
Последнее обновление: 8.03.2019
Дата создания: 31.03.2017
Совместимость с Joomla: 3.0.x - 3.9.x
Совместимость с Virtuemart: 3.0.x - 3.6.x
Стоимость: 1500р. 1000р. (до 31.01.2021)
Бесплатные обновления в течение 12 месяцев.
Дополнительная скидка 30% покупателям плагина vmzoomer и шаблонов от virtuemart.su. Для получения скидки напишите на admin@virtuemart.su
88 комментариев
Валерий
Добрый день.
Привязка по домену или неограниченно?
admin
Здравствуйте!
Без привязки к домену.
JediG
Предвижу проблему при использовании фильтра Cherry Picker. Думаю, что фильтр будет выводить что-нибудь типа "{фиолетовый}{purple_mini.png}{purple.png}{+200}" вместо цвета, так как он с плагинами нормально не работает.
admin
Да, с Cherry Picker работать правильно не будет.
JediG
Вам бы уже придумать свой собственный фильтр. У вас ведь это неплохо получается.
admin
Это не так просто, к тому же на рынке уже есть несколько хороших фильтров.
janet22
Это почти то, что я давно искала, но не совсем. Скажите, есть ли возможность накладывать изображения друг на друга? Допустим цвет выбран, далее идет выбор рисунка на товаре или текст, и т.д и все это идет как слои, один на другой.
admin
Для этих целей посмотрите этот плагин.
janet22
Я его купила, но так и не смогла правильно настроить.... (
admin
Если купили у разработчиков, то лучше обратиться к ним, они должны помочь.
mixail366
Не совсем понял, что дает данный плагин. По-моему все это можно настроить и в настраиваемых полях. Но меня интересует как сделать, что бы один цвет (желаемый для меня) был дешевле остальных без создания дочерних товаров? В моем случае цветов будет около 20 и только один из них (для разных товаров разные могут быть) будет всегда со скидкой. Создавать 20 дочерних товаров очень уж много дел. А со временем рассчитываю, что будет еще больше чем 20. Возможно ли как то такое сделать?
mixail366
Не уточнил. Цвета выводятся списком, потому как их потом добавить или изменить будет проще сразу ко всем товарам, а не лазить и менять в каждом.
admin
Если не нужна автоматическая смена главного изображения при выборе цвета или миниатюра в выпадающем списке, то можно использовать стандартные поля с типом строка или изображение.
В плагине можно создавать отрицательную наценку для конкретного цвета.
mixail366
Значит не ясно разъяснил. Хочу использовать сайт-магазин для приема заказов на изготовление изделий разных цветов и моделей. Но к примеру на цвете остановимся. К примеру будет много заказов на какие то мелкие недорогие вещи, которые не имеет особого значения каким цветом красить. Но на смену краски будет уходить время впустую. Потому куда проще сделать скидку на опцию выбор цвета: Любой, а остальные цвета брать одинаковую цену. Но цвета все время будут меняться в зависимости от производителя красок. И что бы каждый раз не лазить и не менять в каждом товаре проще создать настраиваемое поле с готовым списком цветов. Он и будет выводиться на сайте сразу списком, без выбора админом. Но вот как сюда добавить еще и Любой цвет с другой ценой без создания дочерних товаров? Без изменения основной картинки. Можно было бы создать одно поле с выбором между: Любой цвет и Выбрать цвет, а далее что бы при выборе Любой выбор закончен и в цене скидка сделалась, а при выборе Выбрать цвет появлялось еще одно окно выбора со списком цветов. Но все это по-моему можно сделать только через дочерние товары. А это слишком много лишней работы. Либо в каждом товаре надо выбирать вручную цвета при размещении товара, но тогда я не смогу добавлять и изменять цвета оптом. Как таковое осуществить попроще?
admin
C ходу трудно сказать, нужно пробовать, искать оптимальный вариант.
Если все упирается в автоматическую смену цвету, то для быстрого редактирования можно будет менять все напрямую в БД.
Ольга
Подскажите пожалуйста, есть ли возможность добавить два выпадающих списка с цветами в одну карточку товара?
Нужна возможность выбирать отдельно цвет фасада и цвет корпуса.
Обязательна ли смена изображения товара при выборе цвета или можно как-то эту функцию отключить?
Будет ли плагин корректно работать с этим фильтром: https://myext.eu/ru/vmcustom-param-vip
admin
Здравствуйте!
Можно добавить неограниченное количество полей к одному товару. Смена главного изображения необязательна, можно просто не заполнять соответствующую настройку.
Для фильтра, указанного Вами, нужно создавать свои поля, он не работает со сторонними полями, поэтому плагин с ним несовместим.
s5519
Добрый день, а есть что-то с одновременным выбором цвета и размера? Стандартные настройки через дочерние продукты очень громоздки, может есть такой фильтр или сочетание двух фильтров?
admin
Здравствуйте!
Если нужны именно зависимости и учет остатков, то без дочерних товаров не обойтись.
Иначе можно использовать обычные настраиваемые поля, например, с типом Строка.
Лена
Здравствуйте!
Не поняла главного - с каким в итоге фильтром будет дружить данный плагин?
И будет ли он работать с вариантами размеров для конкретного цвета?
admin
Здравствуйте!
Как правило, у каждого фильтра свой тип настраиваемых полей, поэтому плагин с ними работать не будет.
С вариантами также не получится связать.
kalakamalaka
Можно ли выставить логику, в зависимости от первого параметра включается второй.
Например тут https://www.giffgaff.com/mobile-phones/apple/apple-iphone-7/phone-details модель 32гб 4 цвета, модель 128 - 6 цветов
м?
admin
Для настройки подобной логики нужно использовать дочерние товары. С помощью VM Color Select, к сожалению, не получится настроить.
Crusade
Вы в шаблон Аэрошопа этого плагин добавите?
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
Здравствуйте!
К сожалению, нет, чекбоксы добавить нельзя.
skory
а можно сделать зум при наведении на миниатюры, снизу от основного изображения?
skory
или зум при наведении на картинку в списке
admin
Если на сайте для zoom используется плагин VM Zoomer, то увеличивать картинку можно только в основной области.
zoom для картинки в выпадающем списке, к сожалению, нельзя добавить.
skory
в мобильной версии картинка в списке не появляется
admin
Это связано с проблемами юзабилити на смартфонах в скрипте Chosen, который используется в плагине. На смартфонах смена главной картинки работает, но миниатюра не показывается.
skory
"Выбор дополнительного изображения при смене цвета" - изображение то выбирается, но остается "за кадром". Можно ли в дополнительных изображениях выводить с текущим цветом?
admin
Попробуйте в конец файла /plugins/vmcustom/colorselect/colorselect/tmpl/default.php добавить
Если не поможет, то пришлите доступ к админке, доступ к сайту по ftp и ссылку на вопрос, разберемся.
fff_789
На страницах категорий не работает смена изображений, при этом, в карточках товаров все работает. Как исправить???
admin
Плагин работает только в карточке товара. Для просмотра дополнительных изображений в категории можно использовать плагин AirSlider.
fff_789
Т.е. если установить AirSlider, в категориях будет меняться фото при выборе из полей плагина VM Color Select (по аналогии с карточкой товара), так? Но мне не нужен слайдер в категориях, нужен лишь функционал заложенный в VM Color Select - смена главного изображения при выборе опций. Почему-то, про то что он не работает в категориях, в вашем описании нет ни слова.
Еще вопрос, на демо VM Color Select вместе с главным фото меняется его ссылка на увеличение. У меня же меняется только фото, а ссылка остается неизменной. Как исправить?
admin
VM Color Select не будет работать в категории товара. Можно только выбрать цвет из выпадающего списка, но сама картинка заменятся не будет.
AirSlider добавляет в категории функционал слайдера для дополнительных изображений и никак не взаимодействует с VM Color Select.
Если бы плагин работал в категориях и модулях об этом было бы написано в статье.
Пришлите доступ к админке и доступ к сайту по ftp, будет разбираться.
timakov31
а возможно ли не отображать дополнительные изображения в карточке товара которые крепятся из-за этого плагина?
Допустим у меня есть определенные дополнительные изображения которые должны быть в карточке, но разновидность цветов данного товара в этом блоке мне не нужна, как быть?
admin
Картинки в выпадающем списке можно не показывать. Просто при добавлении информации используйте такой вид
Второй параметр отвечает за картинку в выпадающем списке, если его нет, то будет показан только текст.
Игорь
вы не поняли. Мне надо чтоб в плагине в выпадающем списке они были.
А в дополнительных изображениях где главная фотка товара - нет.
admin
Скрыть можно с помощью опции Скрыть дополнительные изображения.
n73vi
Использую этот плагин уже полгода и все работало нормально, но сегодня пришлось изменить цены не которых товарах и плагин перестал работать. На странице товара все сбилось в одну строку и невозможно выбрать цвет. Интересно то, что там где я не менял цену плагин продолжает исправно работать. Подскажите, что это может быть?
admin
Вышла новая версия плагина, в которой решены все проблемы совместимости с virtuemart 3.2.14 и выше. Скачать новую версию можно в личном кабинете.
n73vi
Спасибо. После обновления плагин работает отлично.
admin
Хорошо.
сергей
а если после покупки он не будет работать вы поможете?
admin
Конечно, в случае проблем со всем разберемся.
сергей
а подскажите на место маек как в демо можно будет загружать любые фото???
admin
Да, в выпадающем списке можно добавить любые фотографии.
Андрей
А почему при выборе цвета и совершении заказа с ним, цвет нигде не фиксируется?
admin
Здравствуйте!
Чтобы информация о цвете передавалась в заказ необходимо чтобы у поля с цветом был выбран атрибут корзины. Проверьте настройки.
Евгений
А как сделать так, чтобы результат селекта в
загружался сразу при загрузке страницы, а не по нажатию на a.chosen-single
admin
Уточните вопрос, нужно чтобы при загрузке автоматически выбирался первый результат в select?
jaggak
По какой-то причине не выводится картинка мини-цвета в выпадающем списке.
/images/icons/ адрес к class
Пробовал по разному
{RED}{red.png}{}{}
{RED}{}{red.png}{}
В обоих случаях список выводится как нужно, но мини картинка не выводится.
admin
Здравствуйте!
Ошибка где-то в настройках.
Пришлите доступ к админке на admin@virtuemart.su, разберемся.
she-r
Добрый день, та же ситуация, картинки не выводятся
she-r
Кстати заметил что в корзине отображается миниатюрка, значит путь прописаны правильно.
admin
Помогло отключение опции Использовать jQuery для выпадающих списков на сайте в Virtuemart > Настройки > Шаблоны.
yaleks77
Здравствуйте!
Скажите пожалуйста. Этот плагин позволяет накладывать картинки с прозрачным фоном одна на другую как в Dropbox with image picker и отображать уже сконструированную картинку в корзине?
В демо не совсем понятно - то ли майки (картинки) просто меняются при переключении, то ли они накладываются одна на другую
admin
Здравствуйте!
Плагин просто меняет картинки.
Если похожий плагин VM Color Select.
yaleks77
Извините, я не понял ваш ответ: "Если похожий плагин VM Color Select"
Это имеется ввиду "Есть" похожий плагин VM Color Select и он может делать слои картинок как в Dropbox with image picker?
admin
Нет, VM Color Select просто позволяет менять цвета. Аналога для наложения дополнительных слоев картинок не встречал.
yaleks77
Здравствуйте!
Оплатил плагин, а где его скачать не понятно.
Подскажите пожалуйста
admin
Здравствуйте!
Спасибо за покупку, ссылку отправил.
yaleks77
Спасибо! Скачал
yaleks77
Здравствуйте!
Купил вчера у вас плагин VM Color Select.
Не получается его настроить.
Картинки товара не меняются, маленькие картинки в выпадающий список не добавляются. Вообщем ни чего не работает.
Там настроек не очень много и перепробовал уже множество вариантов.
Не работает.
VirtueMart 3.0.16
Скрин настроек: https://prnt.sc/nfih3r
Подскажите в чем причина
admin
Пришлите доступ к админке и ftp на admin@virtuemart.su, все решим.
yaleks77
Здравствуйте! Выслал доступы на почту
sergo
Добрый день.
Подскажите, а как организовать вывод цвета на странице товара на многоязычном сайте? Название цвета должно отображаться на языке сайта и меняться при переходе на другой язык. Например: белый - white и т.д.
admin
Здравствуйте!
В файле /plugins/vmcustom/colorselect/tmpl/default.php замените
на
После этого в именах цветом можно будет использовать языковые константы, например
Перевод для каждой константы можно задать в Расширения > Языки > Переопределение констант.
sergo
Ок, спасибо большое.
sergo
Добрый день.
Очень удобный плагин. Есть ли возможность настроить его таким образом, чтобы при выборе именно картинки с нужным цветом фиксировалось название соответствующего цвета из выпадающего списка? Например, если выбирается фото декора "Дуб" - в списке цветов также фиксировалась именно название "Дуб".
admin
Здравствуйте!
К сожалению, обратной связи нет. То есть смена картинки работает только при смене цвета, наоборот работать не будет.
sergo
Добрый день.
Еще нужна Ваша консультация: как решить, чтобы в корзине отображалась именно картинка товара с выбранным цветом, а не первое изображение из списка? Т.е. выбрали товар с декором "бук" - и отправили в корзину. В корзине: название декора - "бук", и соответственно картинка - "бук".
admin
Здравствуйте!
При выборе опции в VM Color Select выбранный цвет также должен показываться с корзине.
Если не работает, то пришлите доступ к админке, ftp на admin@virtuemart.su, разберемся.
sergo
Добрый день.
Столкнулся со следующей проблемой: при настройке параметров указываю параметр "цена" в валюте товара +1Є (сайт использует несколько валют), а в карточке товара на сайте отображается в основной валюте сайта (т е +1 грн, а не +30 грн). Хотя в корзине итоговая сумма указана правильно.
admin
Здравствуйте!
Пришлите доступ к админке, ftp и ссылку на товар с проблемой admin@virtuemart.su, разберемся.
sergo
Ок, пока только на локалке
admin
Выложите на тестовый домен, проще будет решить все проблемы непосредственно на сайте.
Roman
Здравствуйте. А возможно сделать не выпадающий список, а просто пиктограммы цветов?
admin
Здравствуйте!
Сделать можно, но нужно вносить правки в код плагина.
Людмила
Смена основного изображения товара, изменение цены - происходят, а иконки не отбражаются, хотя все сделала по инструкции. Может размер изображения для иконок важен?
admin
Пришлите скрин настроек поля в админке и ссылку на товар с проблемой.
polosat
а есть вариант что бы не заморачиваться с миниатюрами, и не резать для каждого товара, а использовать 1 изображение?
admin
То есть у каждого товара в выпадающем списке должна показываться одна и та же картинка?