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

Работает!

.sc-product-images-slide.pb-3.pb-md-4.slick-slide.slick-current.slick-active a
href
.sc-product-images-slide.pb-3.pb-md-4.slick-slide.slick-current.slick-active img
src

.swiper-vertical-slides .swiper-wrapper div:first-child a
href
.swiper-vertical-slides .swiper-wrapper div:first-child img
src

Добрый день.

1. Нет. смена изображения никак не влияет на выбор опции по умолчанию. Для этого есть отдельное дополнение.
2. Да
3. Изображение должно быть добавлено к каждой опции для подмены им основного изображения во время выбора опции.
4. Да, но эти 2 модуля не совместимы с друг другом, скорее всего. Не проверял.
5. На ShowCase смена изображений будет работать.

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

.swiper-slide-active img
data-largeimg
.swiper-slide-active img
srcset

Благодарим за ваш отзыв! Мы стараемся обеспечивать максимальную совместимость с популярными шаблонами, включая Journal (к сожалению он до сих пор популярен). Если у вас возникнут вопросы или пожелания по доработке, обращайтесь – всегда готовы помочь! Селекторы для смены изображения в вашем шаблоне продублировал тут.

Модуль ничего не создает. Используются стандартные изображения из поля image в таблице oc_option_value

.product-page__img-slider-item a
href
.product-page__img img
src

Да, модуль работает с этим шаблоном и поддерживает смену изображения при выборе одной опции, такой как цвет. Однако если у товара несколько опций одновременно (например, цвет и размер), то изображение будет меняться только по одной из них - той, к которой привязано изображение. Поддержка комбинаций опций (например, показать изображение определённого размера в конкретном цвете) в стандартной версии модуля не предусмотрена.

Что касается цен, то изменение цены при выборе каждой опции (цвет, размер и т.д.) осуществляется средствами других модулей обновления цены при выборе опции (еще тут и тут). Общая цена товара на странице будет корректно обновляться в зависимости от выбранных значений опций, если у них заданы свои надбавки или скидки.

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

Название опции будет отображаться так, как вы его настроите в админпанели OpenCart. Если у вас есть опция "Цвет", то она будет отображаться именно как "Цвет" на странице товара. Модуль не изменяет отображение названий опций, он только отвечает за смену изображений при выборе этих опций.

В модификаторе замените

$('#product input[type=\'radio\'], #product input[type=\'checkbox\'], #product select').on('change', function() {
	changeOptionImage('#product', options_image_setting);
});

на

$('#rm-product-options-box input[type=\'radio\'], #rm-product-options-box input[type=\'checkbox\'], #rm-product-options-box select').on('change', function() {
	changeOptionImage('#rm-product-options-box', options_image_setting);
});

В настройках модуля для смены изображения при выборе опции укажите следующие селекторы

.rm-product-slide.slick-slide.slick-current.slick-active span
data-src
.rm-product-slide.slick-slide.slick-current.slick-active img
src

В налаштування модуля селектори не відповідають реальним. Якщо не розумієте про що мова, зверніться до техпідтримки через форму або в телеграм.

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