Картинки товара VirtueMart 2 + Highslide

Недавно снова связался с этим монстром электронной коммерции для JoomlaVirtueMart. Как ни стараюсь его по возможности избегать в работе, но иногда приходится с ним сталкиваться.

Стандартный скрипт отображения картинок fancybox мне не очень по душе, тем более заказчику очень нравилось, как картинки товара отображались при помощи highslide. В общем пришлось немного поколдовать.

Скачиваем скрипт с официального сайта разработчика: highslide.com и заливаем его в корень сайта.

Затем в файле index.php используемого шаблона я прописал следующее:

Затем, для использования в категории товаров, необходимо добавить в файле default.php, который находится по адресу /components/com_virtuemart/views/category/tmpl/default.php следующее:

virthighslide1

Для отображения картинок через highslide в карточке товара необходимо немного модифицировать файл default_images.php находящийся по адресу /components/com_virtuemart/views/productdetails/tmpl/default_images.php

В данном файле в двух местах добавляем class=’highslide’ onclick=’return hs.expand(this)’

У меня это выглядит таким образом:

virthighslide2

Также стоит отметить, что в данном примере скрипт используется не только для отображения картинок товара, но и для пролистывания их через слайд-шоу как в категории, так и в карточке товара.

Из всех аналогичных яваскриптов именно highslide является моим любимым. Главный и пожалуй единственный его недостаток — вес самого скрипта. Но учитывая то, что при правильной оптимизации скорости загрузки страниц сайта, все скрипты грузятся лишь один раз и затем берутся из кэша браузера пользователя, оно того стоит.

CMS WordPress CMS Opencart CMS Joomla HTML&CSS JavaScript PHP Хостинг
Рекомендуемый хостинг!
Хостинг AdminVPS
25$ на карту Payoneer!

Лучший способ получения заработка для фрилансеров,
работающих на зарубежных заказчиков.

карта Payoneer

Регистрируйтесь в системе Payonner по партнёрской ссылке и получайте 25$ на свой счёт.

Более подробная информация на сайте payoneer.com

зарегистрироваться