Встала задача изменить шаблон категории Virtuemart 3 таким образом, чтобы при нажатии на картинку, происходило её всплывание в модальном окне, а не переход по ссылке на её подробное описание.
Решил данную задачу следующим образом…
Для начала, если у Вас этого нет, нужно между тегами <head></head> вашего шаблона вставить строчку
<script src="/media/system/js/modal.js" type="text/javascript"></script>
Данная строчка активизирует модальное окно на страницах вашего сайта.
Затем открываем файл, отвечающий за вывод информации о продукте в категории Virtuemart 3:
site.ru/components/com_virtuemart/sublayouts/products.php
В районе 68 строчки ищем
<div class="vm-product-media-container">
Это DIV в который выводится маленькое изображение товара. И всё, что между этими тегами <DIV class=»vm-product-media-container>…</DIV> мы заменяем на
<a class="modal" href="/<?php echo $product -> file_url ?>">
<?php echo $product -> images[0] -> displayMediaThumb ('class="browseProductImage" border="0" title="'.$product -> product_name.'" ',false,'class="modal"');
?>
</a>
А всё что там до этого было или комментируем, или удаляем (лучше конечно сделать копию оригинального файла для отката!). Так же нужно сделать копию получившегося файла, т. к. при обновлении Virtuemart 3 велика вероятность его перезаписи.
Комментарии
Видимо что-то упустили... Инструкция писалась с рабочего сайта.
Спасибо, что ответили.
Теги в каком файлы найти, или их самому дописать надо?
Нужно искать эти теги именно в шаблоне который вы используете.
Для примера, если вы используете шаблон beez3, то путь к файлу такой /ваш_сайт/templates/beez3/index.php
Но скорее сего у вас другой шаблон... Придётся вам самому поискать путь к файлу.
Да, у меня шаблон другой.
Дело в том, что нету в index.php тега head.
Спрошу у разработчика.
Спасибо, что ответили.
Антон, должно быть точно так-же, как и в 3 версии. К сожалению у меня сейчас нету сайтов с такими движками, но раньше на 2й версии я делал точно так-же.