Смена изображения при выборе цвета Virtuemart 2

Dropbox-with-ip-frontend-1-ec7621e583

Честно говоря, данный функционал просто обязан быть по-умолчанию в интернет-магазине, но разработчики Virtuemart как-то это упустили. Решение, о котором я расскажу Вам ниже, рабочее, но крайне не удобное. Так например, отдать сайт заказчику в таком виде лично мне стыдно, но если Вам не стыдно или Вы пытаетесь найти решение для себя то эта статья специально для Вас.

Установка плагина Dropbox with image picker

  1. Скачиваем плагин Dropbox with image picker или смотрим демо.
  2. Устанавливаем через менеджер расширений
  3. Переходим в менеджер плагинов и активируем его

Настройки плагина и описание его работы

Создание настраиваемого поля

Для того, что бы начать работать с данным плагином, заходим в «Настраиваемые поля» в Virtuemart 2. Создаем новое поле «Цвет», выбираем тип «Плагин», ставим галочку «Атрибут корзины», в самом низу выбираем плагин Dropbox with image picker и производим следующие настройки:

  • Пользовательский заголовок Dropbox: «Выберите цвет»
  • Dropbox Выбор с разделителем |: голубой;blue.png|красный;red.jpg|чёрный;black.png
  • Путь к картинкам, например, images/1: указывайте путь к изображениям (голубой, красный, чёрный). Здесь логика такая, что для каждого товара нужно будет создавать отдельную папку с картинками. Напишите в это поле просто: images/products/. Также для каждого цвета, можно задать наценку: голубой;blue.png;+100|чёрный;black.png;+200 и т.д
  • CSS класс оригинального изображения, например, .main-image: найдите DIV в котором обрамлено Ваше изображение и укажите его в это поле.
  • Дочерний элемент в блоке с изображением: первый элемент внутри класса с изображением. В стандартном шаблоне это img
  • Ширина изображения, например, 300px: укажите ширину изображения в пикселях
  • Высота изображения, например, auto: укажите высоту изображения
  • Скрыть цену на странице товара: если не хотите отображать цену
  • Увеличивать цену товара: если хотите что бы при выборе цвета менялась цена
  • Показать цены в корзине: включите если хотите показать стоимость цвета в корзине

general
На этом настройки плагина по-умолчанию закончены. Переходим в карточку товара на вкладку «Настраиваемые поля»

Выбираете тип поля «Цвет» и производите минимальные настройки, а именно верно указывайте путь до папки с изображениями к этому товару, например /images/products/1 (слэш в конце не указывать). На этом настройка закончена.


Комментариев: 19 на Смена изображения при выборе цвета Virtuemart 2

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

Вот и меня это насторожило, но, к сожалению, факт остается фактом. И как данную проблему устранить для меня пока загадка.

А у этих товаров случайно не задается это настраиваемое поле? Может быть они являются дочерними? Может ещё что-то, может и Virtuemart обновить нужно. Пробуйте, буду рад помочь с решением данной проблемы.

Спасибо, попробую. И кстати проблема про которую писал Vyacheslav тоже присутствует. Исправить пока не удалось. Попробую поставить на тестовый, посмотрю как будет работать

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

День добрый. Хороший плагин. Установил. Читаю у всех работает, а у меня картинку не налаживает, только список есть и цену меняет. Еще до этого установлен Shadowbox Media Viewer он работает норм, но даже когда его отключаю ваш плагин картинок не налаживает. Не могу найти в чем проблема.
Вот сайт: http://bd.alexkote.ru/kollektsiya-imperial/коллекция-империал/империал-2-detail.html вот скрин настроек: http://joxi.ru/p27glJ0hvXGY27

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

Плагин прекрасный, работает все, кроме одного момента, что и у многих других — подтягивает картинку совсем другого товара, хотя сделала все по инструкции. А именно привязывает картинку только одного товара (первую залитую для данного плагина картинку) ко всем остальным товарам. Решение в интернете не нашла. Помогите, пжлст

Добрый день! А не подскажите по его установке? Через менеджер расширений ни чего не устанвливается

Virtuemart 3.0.16, Первый раз работаю с Virtuemart и делаю интернет м агазин тоже первый раз. То есть реализовать смену главного изображения при выборе цвета к примеру можно стандартными средствами?

Доброго времени суток!
Скажите, пожалуйста, есть ли у вас плагин dropbox image для virtuemart3? Очень нужен.
Заранее большое спасибо

Комментировать