Слайдер картинок в карточке товара Virtuemart 2.0

Для того чтобы была возможность листать дополнительные изображения к товару в Virtuemart 2.0 делаем следующие вещи:


1. Скачиваем, устанавливаем и активируем плагин StarLite Pretty Photo. Скачать можно вот по этой ссылке Скачать

2. Настраиваем вот так:

3. Вносим изменения в этот файл: components/com_virtuemart/views/productdetails/tmpl/default_images.php

Комментируем этот блок:

4 5 6 7

jQuery(document).ready(function() { jQuery("a[rel=vm-additional-images]").fancybox({ "titlePosition" : "inside", "transitionIn" : "elastic", "transitionOut" : "elastic" }); });

Получается такой вид:

/*jQuery(document).ready(function() {

jQuery("a[rel=vm-additional-images]").fancybox({

"titlePosition" : "inside",

"transitionIn" : "elastic",

"transitionOut" : "elastic"

});

});*/

Заменяем две строчки кода.

Вместо этого:

echo $image->displayMediaFull("",true,"rel='vm-additional-images'");

ставим это:

echo $image->displayMediaFull("",true,"rel='prettyPhoto[other]'");

И вместо этого:

echo $image->displayMediaFull("",true,"rel='vm-additional-images'");

ставим это:

echo $image->displayMediaFull("",true,"rel='prettyPhoto[other]'");

Для тех, кто использует тему(шаблон) для Virtuemart 2.0, раманство не закончилось.

Идем в файл ваш_сайт/templates/имя_шаблона/html/com_virtuemart/productdetails/default.php

Находим все фразы 'class="modal"' и заменяем их на 'rel="prettyPhoto[other]"'

После этих манипуляций будет доступно пролистывание картинок в карточке товара.

Предлагаю вашему вниманию подборку интересных каналов Telegram по дизайну интерьера и архитектуре

https://tele.gg/dizain_interjera - канал практикующего дизайнера интерьера с интересными советами по ремонту и декору.

https://tele.gg/interio_inspiration - канал с ежедневной подборкой проектов интерьера для вашего вдохновения

https://tele.gg/arh_inspiration - так же подборка вдохновляющих проектов, но уже по архитектуре