VirtueMart 2 — карточка товара в модальном (всплывающем) окне

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

Готовых решений для версии VirtueMart 2.0.18а при поиске в интернете я так и не нашёл. Были решения для старых версий Вирта, которые когда-то я и сам реализовывал, но для актуальной на данный момент версии как назло ничего толком не было.

Когда я уже было отчаялся, то наткнулся на реализацию модального окна с помощью скрипта facebox, однако всё равно расписано, как оказалось под старую версию. Немного помучавшись получилось прикрутить и к новому Вирту, но что-то мне не очень понравилось. В итоге решение придумал сам.

Как известно в Joomla по умолчанию уже есть скрипт modal.js — вот его-то я и использовал в работе.

В файле default.php который находится в папке компонента Виртумарт components/com_virtuemart/views/category/default.php добавил такую штуку:

Приставка ?tmpl=component отвечает за вывод в модальном окошке содержимого карточки товара без добавления остальных элементов сайта. Сами размеры всплывающего окна задаются значениями x и y — в моём случае ширина — 700px и высота 480px.

Внешний вид окошка можно отредактировать поиграв со стилями файла modal.css, который находится в папке media/system/css/modal.css

В общем, как оказалось ничего сложного в этом нет, но тем не менее всё равно не нравится мне этот компонент электронной коммерции:)

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

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

карта Payoneer

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

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

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