Zoom Продукт для моделей после обновления ajax для MULTIPLE IMAGES
Использование модуля Hotcakes Commerce для изображения dotnetnuke.zoom правильно работает, когда у продукта есть одно изображение. Библиотека jQuery, используемая для масштабирования, - elevateweb.co. (Добавлен Zoom to product view с этим уроком). В коде product.js также было обновлено
$('#hcProductImage').attr('src', data.MediumImageUrl);
$('#hcProductImage').attr('data-zoom-image', data.MediumImageUrl);
$('#hcProductImage').elevateZoom({easing : true});
$('#hcSku').html(data.Sku);
data-zoom-image атрибут источника изображения обновлен правильно, но масштабирование показывает предыдущее изображение после изменения модели продукта. после изменения data-zoom-image изображения, elevateZoom изображением elevateZoom функция была вызвана для обновления масштабирования. но никаких изменений.
Я не знаком с Hotcakes Commerce. Но я думаю, что вам нужно повторно привязать фоновое изображение увеличенного DIV.
$('.zoomWindowContainer .zoomWindow').css({ 'background-image': 'url(\'' + data.MediumImageUrl + '\')' });
Это, вероятно, лучше всего работает с изображениями одинакового размера.
