В этой теме нет ответов

[MikDark]

Если Ваш товар имеет несколько цветов и Вы хотите, чтобы при выборе цвета появлялась соответствующая картинка, то выполните следующую инструкцию:

1) Зайдите в редактирование товара и у каждой модификации в ее описании укажите ссылку на картинку, которая ей соответствует

Скрытый текст

2) В шаблоне HTML после кода:

<script type="text/javascript">
// Запуск основных скриптов для страницы "Товар"
{% IF MOD_LNAME = goods %}
$(document).ready(function () {

добавьте:

{% IF GOODS_MOD_DESCRIPTION %}
	 selectModImage();
	 {%ENDIF%}

3) В самый конец шаблона main.js добавляем:

function selectModImage() {
function getLinksFromDesr(string){
	 return string.trim().replace(/\r?\n/g, ' ').split(' ');
}
// Парсим описание текущей модификации
var imgLinksArray = getLinksFromDesr($('.goodsModDescription').text())
// При загрузке подставляем первую ссылку как главное изображение
$('.productView__image a').attr('href', imgLinksArray[0]).find('img').attr('src', imgLinksArray[0])

}

4) В шаблоне main.js меняем:

// Описание модификации товара. Покажем если оно есть, спрячем если его у модификации нет
	 if(modificationDescription.length > 0) {
		 goodsModDescriptionBlock.show().html('<div>' + modificationDescription + '</div>');
	 } else {

на

// Описание модификации товара. Покажем если оно есть, спрячем если его у модификации нет
	 if(modificationDescription.length > 0) {
		 goodsModDescriptionBlock.show().html('<div>' + modificationDescription + '</div>');
		 selectModImage();
	 } else {