msOptionsPrice2 связанные изображения с цветом.
Здравствуйте, есть вопрос возможно ли сделать чтобы на странице товара когда выбираешь цвет отображались только те фото которые выбраны в модификации — галереи. Сейчас выводятся все изображения и когда выбираем цвет переключаются фотографии чанк галереи взял с примера
<div id="msGallery" class="msoptionsprice-gallery">
{if $files?}
<div class="fotorama"
data-nav="thumbs"
data-thumbheight="45"
data-allowfullscreen="true"
data-swipe="true"
data-autoplay="160000">
{foreach $files as $file}
<a href="{$file['url']}" target="_blank" data-rid="{$file['product_id']}" data-iid="{$file['id']}">
<img src="{$file['120x90']}" alt="" title="">
</a>
{/foreach}
</div>
{else}
<img src="{('assets_url' | option) ~ 'components/minishop2/img/web/ms2_medium.png'}"
srcset="{('assets_url' | option) ~ 'components/minishop2/img/web/ms2_medium@2x.png'} 2x"
alt="" title=""/>
{/if}
</div>
Поблагодарить автора
Отправить деньги
Комментарии: 2
Доброе утро.
Где то уже писал, можно сделать примерно так
Где то уже писал, можно сделать примерно так
<script>
$(document).on('msoptionsprice_product_action', function (e, action, form, r) {
if (action == 'modification/get' && r.success && r.data) {
var m = r.data.modification || {};
var thumbs = m.thumbs || {main:['default.png']};
var fotorama = $(form).closest(msOptionsPrice.Product.parent).find('.fotorama').data('fotorama');
if (fotorama) {
var images = [];
(thumbs.main || []).filter(function (href) {
images.push({img: href, caption: ''})
});
fotorama.load(images);
}
}
});
</script>
Спасибо большое а подскажите еще по такому вопросу у продуктов цвета сложные и нужно сделать чтобы под цвет грузилось изображение что то типа как в msOptionsColor паттерн возможно ли как то совместить эти пакеты?
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.