Встала задача изменить шаблон категории 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 велика вероятность его перезаписи.


Добавить комментарий

Защитный код
Обновить