1) В шаблоне Товар после кода:
<input type="hidden" name="is_has_in_compare_list" value="{goods_modifications.IS_HAS_IN_COMPARE_LIST}" />
добавьте:
<input type="hidden" name="goods_mod_image_id" value="{goods_modifications.GOODS_MOD_IMAGE_ID}" />
2) В шаблоне Товар заменить:
{% IFNOT goods_images.first %} <a itemprop="image" href="{goods_images.OTHER}" title="{goods_images.NAME}"><img src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a> {%ENDIF%}
на
<a itemprop="image" href="{goods_images.OTHER}" title="{goods_images.NAME}" data-id="{goods_images.ID}"><img src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
3) В шаблоне Товар заменить:
<div class="popup-gallery"> {% IF GOODS_IMAGE_EMPTY %} <img src="{ASSETS_IMAGES_PATH}no-photo-large.png?design=chameleon" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" class="thumbnail goods-image-large"/> {% ELSE %} <a itemprop="image" href="{GOODS_IMAGE_OTHER}" title="{GOODS_NAME}"> <img src="{GOODS_IMAGE_LARGE}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image" class="goods-image-large" /> </a> {% ENDIF %}
на
<div class="popup-gallery productView__image"> {% IF GOODS_IMAGE_EMPTY %} <img src="{ASSETS_IMAGES_PATH}no-photo-large.png?design=chameleon" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" class="thumbnail goods-image-large"/> {% ELSE %} <a itemprop="image" href="{GOODS_IMAGE_OTHER}" title="{GOODS_NAME}"> <img src="{GOODS_IMAGE_LARGE}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image" class="goods-image-large" /> </a> {% ENDIF %}
4) В шаблоне main.js после кода:
// Идентификатор товарной модификации goodsModificationId.val(modificationId);
добавьте:
// Меняет главное изображение товара на изображение с идентификатором goods_mod_image_id function changePrimaryGoodsImage(goods_mod_image_id) { // Если не указан идентификатор модификации товара, значит ничего менять не нужно. if(1 > goods_mod_image_id) { return true; } var // Блок с изображением выбранной модификации товара goodsModImageBlock = $('.miniimage [data-id="' + parseInt(goods_mod_image_id) + '"'), // Блок, в котором находится главное изображение товара MainImageBlock = $('.productView__image'), // Изображение модификации товара, на которое нужно будет изменить главное изображение товара. MediumImageUrl = goodsModImageBlock.find('a').attr('href'), // Главное изображение, в которое будем вставлять новое изображение MainImage = MainImageBlock.find('img'), // В этом объекте хранится идентификатор картинки главного изображения для коректной работы галереи изображений MainImageIdObject = MainImageBlock.attr('data-id') ; // Если изображение модификации товара найдено - изменяем главное изображение MainImage.attr('src', MediumImageUrl); // Изменяем идентификатор главного изображения MainImageBlock.attr("data-id", parseInt(goods_mod_image_id)); return true; } // Обновляем изображение модификации товара, если оно указано changePrimaryGoodsImage(modificationGoodsModImageId);
5) В шаблон main.js после кода:
modificationIsHasInCompareList= modificationBlock.find('[name="is_has_in_compare_list"]').val(),
добавить:
modificationGoodsModImageId = modificationBlock.find('[name="goods_mod_image_id"]').val(),