Как создать бесплатно VirtueMart шаблоны, установка и настройка шаблонов для VirtueMart

Здравствуйте дорогие друзья и любители Joomla. Давно я не писал постов из личного опыта, которые могут быть многим полезны. И как раз сегодня я хочу вам рассказать о VirtueMart, а именно Как создать бесплатно VirtueMart шаблоны, потом установить и настроить шаблоны для VirtueMart. Как вы уже поняли с заголовка поста, сам пост будет поделен на 3 части:

1. Как создать VirtueMart шаблоны
2. Как установить VirtueMart шаблоны
3. И как настроить и подредактировать VirtueMart шаблоны уже на сайте

Как создать бесплатно VirtueMart шаблоны, установка и настройка шаблонов для VirtueMart

Если вы работали с VirtueMart, то вы должны знать, что есть 2 основных вида шаблонов:

• шаблон отображения категорий VirtueMart (вида browse_1)
• шаблон самого товара в VirtueMart (вида flypage.tpl)

По этому я буду в каждом из 3 пунктов приведенных выше по шаблонам для VirtueMart, делать подпункты и уточнять про какой из видов шаблонов идет речь.

И так приступим к созданию своего бесплатного шаблона для VirtueMart.

Как создать бесплатные шаблоны для VirtuMart

На самом деле создать свой шаблон для компонента VirtueMart довольно просто, главное знать html и css верстку (не важно какую, табличную или блочную) и знать какая заглушка за что отвечает.

Заглушка — это небольшая переменная которая отвечает за вывод определенных данных.  Например, product_name отвечает за вывод название товара. Список заглушек и их описание можете найти в посту  Список заглушек VirtueMart. То есть, куда вы вставляете эту заглушку в верстку там и будет выводится название товара. Рассмотрим на примере один из шаблонов категорий VirtuMart — browse_1.php.

Шаблон категории browse1 для VirtueMart

На скрине я подчеркнул все заглушки которые присутствуют и формируют вид категории товара в VirtueMart.  Для начала вы можете просто попробовать поменять местами пару заглушек в шаблоне категории и посмотреть что из этого выйдет 🙂 . После этого вы можете приступить к самому созданию своего бесплатного VirtueMart шаблона. Я расскажу как я это делаю:

1. Беру один из существующих шаблонов и переименовываю его в такой вид browse_моя цыфра.php. Заметьте что «browse_ » должно быть обязательно присутствовать в имени файла.
2. Выбираю какие заглушки должны присутствовать на странице категории из списка.
3. В редакторе типа Adobe DreamWeaver создаю верстку для каркаса будущего шаблона VirtueMart.
4. Вставляю заглушки в верстку, в те места где должна выводится информация вместо заглушек.
5. Подключаю стили оформления в верстку и под ноль довожу внешний вид шаблона категории в VirtueMart.

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

Теперь перейдем к созданию шаблона товара для VirtueMart.

Шаблон категории и шаблон самого товара отличаются лишь 3 вещами:

1. Набором заглушек
2. Местом расположения файла
3. Версткой самой страницы

По этому что б создать шаблон товара для VirtueMart, вам нужно повторить те же пункты что и с шаблоном категории. Только не забываем назвать файл вида flypage_что-то ваше.tpl.php.

Как установить шаблон virtuemart

Для того что б ваши созданные шаблоны VirtueMart работали их нужно установить. Делаем следующие шаги:

1. Копируем шаблон категории VirtueMart в папку components\com_virtuemart\themes\default\templates\browse
2. Копируем шаблон товара VirtueMart в папку components\com_virtuemart\themes\default\templates\product_details
3. Заходим в админ панель сайта Компоненты — VirtueMart — Конфигурация — Вкладка «Сайт»
4. Там в правой колонке в разделе Category Template выставляем шаблон категории, а в разделе FLYPAGE выставляем шаблон товара.

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

Настройка бесплатных шаблонов для VirtueMart

В админпанели сайта, на страничке Компоненты — VirtueMart — Конфигурация — Вкладка «Сайт» вы можете выставить некоторые настройки для своих бесплатных шаблонов, а именно:

• Размер маленьких картинок товаров
• Разрешить пропорциональное изменение фото в шаблонах
• Количество строк с товарами (для категории)
• Отображать кнопку «PDF», ссылку рекомендовать другу , сортировка продуктов и т.д

После всех изменений в админпанели не забываем нажать кнопку «Сохранить», что б изменения вступили в силу.

Вот в принципе и все. Мы смогли создать свои бесплатные шаблоны VirtueMart, мы их установили и настроили. Осталось только попользоваться своими шаблонами и возможно со временем их усовершенствовать на свой вкус.

На этом пост Как создать бесплатно VirtueMart шаблоны, установка и настройка шаблонов для VirtueMart завершен. В комментариях с удовольствием отвечу на все ваши вопросы связанные с шаблонами для VirtueMart. Увидимся.

Joomla Блог Nauca – научись работать с Joomla

Хочешь получать на e-mail свежие статьи о компонентах, модулях, плагинах и других полезных вещах связанных с Joomla? Не пропусти ничего полезного, подпишись на новости блога Nauca: