Блог о Joomla, новости и уроки по Joomla, K2, Virtuemart, JoomShopping

В ряде случаев, при разработке интернет-магазина на Virtuemart 3 приходится на разных страницах сайта показывать товары с разным отображением. Для этого в Virtuemart 3 используются шаблоны отображения категорий товаров и страниц товара.

Сегодня я расскажу Вам, как использовать шаблоны отображения товаров в Virtuemart 3 в разных категориях, модулях и на страницах карточек товара.

Прежде всего давайте определимся зачем это нужно. Приведу пример сайта, который я делаю в данный момент. Интернет-магазин доставки пиццы, роллов на Virtuemart 3.

Задача: разделить внешний вид страниц категории товаров "Пиццы" и "Роллы", а так же страниц товаров этих категорий. Для этого я буду использовать разные макеты (шаблоны категорий) Virtuemart 3.

Давайте последовательно разберем, каким именно образом это сделать. Начнем с модулей.

Прежде чем начать!

Перенести все макеты отображения Virtuemart 3 в шаблон Joomla 3. Как это описано в этой статье

Изменение макета (шаблона) отображения модуля с товарами Virtuemart 3

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

1

2

Для этого я создаю файл tovap_dnya.php и полностью копирую в него содержание файла templates/ваш_шаблон/html/mod_virtuemart_product/defaul.php. Сохраняю и копирую этот файл в дирректории

templates/ваш_шаблон/html/mod_virtuemart_product/tovap_dnya.php
modules/mod_virtuemart_product/tmpl/tovap_dnya.php

После этого в админке переходим в наш модуль опубликованный справа и меняем ему шаблон отображения.

3

4

После этого редактируем наш новый шаблон отображения модуля товаров таким образом, как нам необходимо.

в директории templates/ваш_шаблон/html/mod_virtuemart_product/tovap_dnya.php

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

5

Как видите он существенно отличается от исходного варианта.

И таких макетов (шаблонов) отображения товаров в Virtuemart 3 можно сделать неограниченное количество.

Изменение макета(шаблона) отображения категории товаров Virtuemart 3

Честно сказать, тут не сразу разобрался, потому что есть отличия формирования макетов категории от Virtuemart 2.

Начнем с того, что создадим файл, я его назову products_roll.php и скопируем в него все содержимое файла templates/ваш_шаблон/html/com_virtuemart/sublayouts/products.php далее новый созданный файл скопируем вот сюда templates/ваш_шаблон/html/com_virtuemart/sublayouts/products_roll.php

Теперь нам надо переопределить макет (шаблон), в маем случае, у категории "Роллы". Для этого переходим в Меню/Главное меню (ну или в меню в котором у Вас ссылка на эту категорию товаров) заходим в нужный пукт меню и задаем категории Дополнительный макет для товаров в категории.

6

7

Сохраняем. И теперь нам для этой категории нужно изменять файл products_roll.php.

Изменение макета(шаблона) отображения страницы товара Virtuemart 3

Тут все делается по аналогии с Virtuemart 2. И по аналогии с вышеперечисленными операциями.

Создаем файл roll.php и копируем в него содержимое файла templates/ваш_шаблон/html/com_virtuemart/productdetalies/default.php и далее новый созданный файл помещаем в директорию templates/ваш_шаблон/html/com_virtuemart/productdetalies/roll.php .

После этого переходим в админ панели Virtuemart/Категории и выбираем нужную категорию.

Выставляем в пункте  Страница карточки товара по умолчанию наш новый макет roll и Сохраняем.

8

9

После этого редактируем наш новый макет в файле templates/ваш_шаблон/html/com_virtuemart/productdetalies/roll.php

Самое читаемое

Делаем мобильную версию сайта с Mobile Joomla – часть II

Это вторая часть из цикла трех статей делаем мобильную версий сайта Mobile Joomla. MJ – мощный компонент для создания…

Шаблоны отображения категории товаров, страницы товара и модулей товаров Virtuemart 3. Меняем отображение вида товаров в разных категориях Виртуемарт 3

В ряде случаев, при разработке интернет-магазина на Virtuemart 3 приходится на разных страницах сайта показывать товары…

Дочерние товары в Virtuemart 3. Для чего нужны и как создать дочерние товары в Виртуемарт 3

Начать, наверное, стоит с того, что такое дочерние товары. В Virtuemart 3 есть такое понятие, как дочерние товары. Что…

Установка и первичная настройка интернет-магазина Virtuemart 3 на Joomla 3

Начнем с того, что Virtuemart 3 практически не отличается от своей предыдущей версии Virtuemart 2. Как пишут…

Настройка безопасного пути для счетов в Virtuemart 3

После установки Virtuemart 3 на ваш сайт появляется предупреждение о том, что не создана папка по безопасному пути. Эта…

Как добавить иконки (картинки) "Скидка", "Новинка", "Хит продаж", "Рекомендуем" в Virtuemart 3

Давайте посмотрим, как добавить иконки (картинки) "Скидка", "Новинка", "Хит продаж", "Рекомендуем" в наш…

Покупка в 1 клик Virtuemart 3. Заказ за 1 клик в карточке товара и на странице категории товоаров в Виртуемарт 3

Бывает очень удобно реализовывать для интернет-магазина на Virtuemart 3 покупку в 1 клик. Удобно, конечно, это в первую…