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 + '\')' });
Это, вероятно, лучше всего работает с изображениями одинакового размера.
Еще в рубрике
- Вопросы
- Dotnetnuke
- Zoom Продукт для моделей после обновления ajax для MULTIPLE IMAGES