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

[brand]

Подскажите, работает ли данный функционал в версии 4.08
?

Имеется ввиду, при выборе опции цвета товара ( к примеру красный) менялось и фото товара (на фото товара в красном цвете).

Пробовал реализовать не получилось!
Может есть какие-нибудь нюансы?

[DimTai]

Для Viart shop v.4.08RE

Настройка опций и компонентов

Demo Настройка смены изображения товара при выборе опции

[exBitrix]

Нам настраивала Поддержка. Ньюанс - при использовании мультисайтовости в коде необходимо указывать абсолютные пути к картинкам опций!

[brand]

Для Viart shop v.4.08RE

Настройка опций и компонентов

Demo Настройка смены изображения товара при выборе опции

Не работает: указывал, как абсолютные так и относительные пути!
/images/big/young.jpg

var sObj = this.form.property{form_id}_{property_id};
var sTxt = sObj.options[sObj.selectedIndex].text;
var sImg = '/images/big/young.jpg';
if(sTxt == 'цвет ju47-jp53') {sImg = '/images/big/young1.jpg';}
document.image_{form_id}.src= sImg;
if(sTxt == 'цвет da49-gt59') {sImg = '/images/big/young2.jpg';}
document.image_{form_id}.src= sImg;
if(sTxt == 'цвет da33-gt43') {sImg = '/images/big/young3.jpg';}
document.image_{form_id}.src= sImg;
if(sTxt == 'цвет da44-gt44') {sImg = '/images/big/young4.jpg';}
document.image_{form_id}.src= sImg;
if(sTxt == 'цвет ro46-fa46') {sImg = '/images/big/young5.jpg';}
document.image_{form_id}.src= sImg;

А можно ли использовать использовать данную функцию если элемент управления опциями: радиокнопки ?

[elmar]

Проверил на локальной 4.08re. Для элемента управления опцией выпадающий список работает. Для радио кнопок не получилось. Очевидно нужен другой код.

[elmar]

Изображения загрузить не забыли? Ссылка пустая

[brand]

Изображения загрузить не забыли? Ссылка пустая

Не забыл, это ссылка к примеру.
По радио кнопкам будем знать.
У меня выпадающий список не работает.

var sImg = '/images/big/young.jpg'; - в это ссылка ведёт на изображение товара в опции которая используется по умолчанию (Значения опции - По умолчанию) ?

[brand]

Разобрался в чём проблема.

Если в "Значения опции" указана "основная цена", то перестаёт работать данный функционал (изменение изображения товара в зависимости от выбора опции ).
Если в поле "основная цена" пусто, всё работает нормально картинки меняются в зависимости от выбора опции!

Проверите у себя, данный баг, кто может.

Возможно ли решить данную проблему?
Есть ли пример кода для использования радио кнопок?

[elmar]

Это не баг. Совершенно очевидно, что JS в этом случае будет немного другой. Подождем специалистов по джаве

[DimTai]

Приведенный выше пример кода - изменение изображения товара в зависимости от выбора опции работает с опциями не имеющими дополнительной стоимости.
Инструкция по настройке изменения изображения товара для опций с дополнительной стоимостью будет опубликована в Базе знаний в ближайшее время.

Демо MP3-видеоплеер Sony NWZ-S763


PS.

А можно ли использовать использовать данную функцию если элемент управления опциями: радиокнопки ?

Использование данной функции в базовой версии Viartshop RE возможно только для элемента управления опцией "выпадающий список".

[DimTai]

Инструкция по настройке изменения изображения товара для опций. Обновлено.

Настройка опций и компонентов

[brand]

Инструкция по настройке изменения изображения товара для опций. Обновлено.

Настройка опций и компонентов

Работает с опциями с ценой и без цены или только с ценой?

[elmar]

Настроил. Работает и с ценой и без

[aLexx]

Инструкция по настройке изменения изображения товара для опций. Обновлено.

Настройка опций и компонентов

А можно как-то сделать, что бы рядом с радиокнопкой выбора цвета картинка с его изображением была? Ну или вот так можно реализовать стандартными средствами Пример:

[expy]

Выбор цвета работает только с выпадающим списком. Для картинки рядом с выбором используется доп. код в поле html перед элементом управления.

[aLexx]

Выбор цвета работает только с выпадающим списком. Для картинки рядом с выбором используется доп. код в поле html перед элементом управления.

Про html понял, конечно тупо в лоб, но решает проблему. А вот про то что работает только с выпадающим списком не понял. Это же такой же параметр как и другие, какие проблемы с ним возникают?