VirtueMart 1.1.7: структура шаблона
День добрый ребята! Столкнулся с задачей по подгонке шаблона VirtueMart под дизайн сайта. Уверен в том, что эта тема интересует не только меня, а поэтому очень востребована.
В этой статье я опишу структуру шаблона и расскажу о том, за что отвечает тот или иной файл шаблона VirtueMart. На самом деле все не так сложно как кажется с первого взгляда :)Прежде чем мы приступим, хочу заметить, что для того, чтобы воспользоваться данной информацией нужно обладать хотя бы начальными знаниями CSS, Html и PHP.
Оглавление статьи.
- Структура темы default.
- Структура шаблона VirtueMart.
- Подробнейший разбор папки templates.
- Содержание папки browse.
- Содержание папки checkout.
- Содержание папки product_details.
- Содержание папки comon.
- Содержимое папки order_emails.
- Содержимое папки pages.
Структура темы default
Здесь мы разберем за что отвечают папки и файлы находящиеся непосредственно в папке default.
Сам шаблон находится здесь:
/web/components/com_virtuemart/themes/default
В этой папке мы обнаруживаем вот что:
- images – здесь находятся все изображения шаблона.
- templates – здесь находятся шаблоны различных страниц магазина, тобишь корзина, оформление заказа, письма и пр. Ничего не поделаешь вот так устроен шаблон :)
- admin.css, admin.styles.css, theme.css –это таблицы стилей шаблона.
- theme.js, theme.prototype.js — скрипты шаблона.
- theme.config.php — в нем заключены все настройки шаблона.
- theme.php — функциональный файл. Для людей слабо знакомых с PHP даже не стоит заморачиваться.
- theme.xml — хранит в себе информацию о шаблоне.
Структура шаблона VirtueMart « default»
Далее я опишу структуру шаблона, папки которые вы найдете по этому адресу:
/web/components/com_virtuemart/themes/default/templates
Именно в этой папке находится все то, что позволит нам изменить дизайн нашего шаблона.
- basket — шаблон корзины товаров. Отвечает за отображение блока корзины товаров.
- browse — шаблон списка товаров. Отвечает за отображение списка товаров в определенной категории.
- flypage — шаблон страницы товара. Отвечает за отображение страницы с товаром, появляющаяся при переходе по товару из категории.
- checkout — шаблон страницы заказа. Отвечает за вывод страниц оформления заказов (метод оплаты, доставка, регистрация и т.п.)
- order_emails — шаблон писем. Отвечает за отображение писем, отсылаемых в процессе работы с магазином.
- pages — шаблон дополнительных страниц.
- product_details — внешний вид страницы заказа.
Далее мы перейдем к разбору каждого пункта папки templates.
Подробнейший разбор папки templates.
Содержание папки basket.
1)basket_b2c.html.php — Вступает в силу если в настройках VirueMart мы отмечаем пункт «Показать «(включая XX% налогов)», когда они применяются?» (b2c - рис. ниже)
2) basket_b2b.html.php – шаблон по умолчанию если мы не включили вышеуказанный пункт.
3) ro_basket_b2c.html.php – появляется на последнем шаге, где информация уже не может быть изменена покупателем. (b2c - рис. ниже)
3) ro_basket_b2b.html.php – полная аналогия с его собратом при отключенной функции включения налогов.
Содержание папки browse.
Уверен в том, что подробное описание каждого файла поможет Вам более наглядно понять суть шаблона VirtueMart.
1) browse_1.php – этот шаблон отвечает за отображения списка товаров по одному в строке. Смотрим ниже:
2) browse_2.php, browse_3.php, browse_4.php, browse_5.php — как Вы поняли отвечают за вывод более одного товара в строке.
3) browse_lite_pdf.php – шаблон служит для конвертации списка товаров в формат PDF. Не содержит в себе никаких пользовательских данных.
4) Папка includes.
- addtocart_form.tpl.php — шаблон кнопки добавления в корзину.
- browse_header_all.tpl.php – шаблон заголовка страницы в «Списке всех товаров»
- browse_header_category.tpl.php – шаблон заголовка страницы browse и иконки RSS, в «Списке товаров категории»
- browse_header_keyword.tpl.php – шаблон заголовка страницы в списке товаров при поиске. В расширенном поиске по характеристикам не работает:
- browse_header_manufacturer.tpl.php – шаблон заголовка страницы в списке производителей товаров. Возможно увидеть установив модуль отображения производителей.
- (1) browse_layouttable.tpl.php, (2) browse_listtable.tpl.php, (3) browse_notables.tpl.php) – это 3 варианта шаблонов вывода списка товаров.
- browse_orderbyfields.tpl.php – файл, содержащий коды для возможных полей сортировки товаров на странице browse. можете ничего не редактировать там :)
- browse_orderbyform.tpl.php – отображает внешний вид формы сортировки на странице browse;
- 9) browse_pagenav.tpl.php – шаблон отображения номеров страниц для списка товаров со ссылками «следующая», «предыдущая» и.т.д.
- browse_searchparameter_form.tpl.php – этот шаблон отвечает за отображения заголовка при расширенном поиске по дополнительным характеристикам:
Переходим к следующему пункту.
Содержание папки checkout.
- checkout_bar.tpl.php – шаблон процесса оформления нашего заказа:
- customer_info.tpl.php – шаблон информации о покупателе:
- get_final_confirmation.tpl.php – шаблон предварительной информации на этапе «Завершить заказ»
- get_payment_method.tpl.php – шаблон заголовка выбора способа оплаты на этапе «Способ оплаты»
- get_shipping_address.tpl.php – выбор адреса доставки:
- get_shipping_method.tpl.php – выбор способа доставки:
- list_payment_methods.tpl.php – способа оплаты:
- list_shipping_methods.tpl.php – способа доставки:
- list_shipto_addresses.tpl.php – адрес доставки:
- login_registration.tpl.php – шаблон страницы оформления заказа для незарегистрированных пользователей.
Содержание папки product_details.
- flypage.tpl.php – этот файл отвечает за стандартный шаблон страницы товара.
Внимание! В этом файле возможно редактировать только значения общих элементов.
- flypage_images.tpl.php – отображения страницы товара с дополнительными изображениями.
- flypage_lite_pdf.tpl.php – служит для удобного конвертирования в PDF. Использоваться в том случае, когда VirtueMart работает как каталог.
- flypage_new.tpl.php – другой вид страницы:
- flypage- ask.tpl.php – еще раз другой вид страницы:
- garden_flypage.tpl.php – отвечает за отображение рисунка справа:
Теперь пришла очередь папки includes. Заглянем внутрь :)
- addtocart_advanced_attribute.tpl.php – отвечает за отображение свойств и атрибутов товара на странице товара:
- addtocart_custom_attribute.tpl.php – отображения свойств, вводимых вручную:
- addtocart_drop.tpl.php – отвечает за выпадающий список атрибутов и свойств.
- addtocart_form.tpl.php – форма добавления товара в нашу корзину:
- addtocart_list_multi.tpl.php – шаблон добавления товара в корзину:
addtocart_list_single.tpl.php – шаблон добавления товара в корзину с одной кнопкой:
- quantity_box_general.tpl.php – отвечает за ввод количества товара перед добавлением в корзину:
- quantity_box_radio.tpl.php – шаблон формы ввода количества товара перед добавлением в корзину, при стиле отображения «ratio».
Содержание папки common.
- availability.tpl.php – шаблон информации о доступности товара:
- buttons.tpl.php – шаблон иконок печати, pdf, сообщения:
- categoryChildlist.tpl.php – отвечает за отображение подкатегорий данной категории на странице товара:
- couponField.tpl.php – этот файл определяет поле ввода купона, которое находится в разделе корзины:
- featuredProducts.tpl.php – отвечает за оформление рекомендуемых товаров.
- login_form.tpl.php – формы авторизации после нажатия ссылки «оформить заказ» в корзине:
- minicart.tpl.php – шаблон мини-корзины, которая отображается через главный модуль VirtueMart.
- moreImages.tpl.php – пустой файл
- pathway.tpl.php – шаблон пути к товару.
- price.tpl.php – шаблон цены товара.
- productsnapshot.tpl.php – шаблон сопутствующих товаров.
- recent.tpl.php – шаблон недавно просмотренных товаров на странице товара:
- relatedProducts.tpl.php – выводит список товаров, которые мы поштучно описываем в файле productsnapshot.tpl.php.
- reviewform.tpl.php – форма добавления отзыва на странице товара.
- reviews.tpl.php – шаблон отзывов на странице товара.
- shopIndex.tpl.php – заголовок главной страницы VirtueMart.
- voteform.tpl.php – отвечает за форму голосования за товар на странице товара.
- votes_allvotes.tpl.php – шаблон отображения голосов за товар на странице списка товаров.
Содержимое папки order_emails.
- confirmation_email.tpl.php – Данный файл отвечает за внешний вид письма, которое получает покупатель после оформления заказа.
- enquiry_email.tpl.php – данный файл также отвечает за внешний вид письма, но с наличием заданного вопроса по покупаемому товару.
Содержимое папки pages.
- account.index.tpl.php – отвечает за отображение основной страницы редактирования учетной записи зарегистрированного пользователя.
- account.billing.tpl.php – шаблон станицы редактирования контактной информации и информации об оплате зарегистрированного пользователя.
- account.order_details.tpl.php – шаблон страницы информации о заказе:
- account.shipping.tpl.php – отвечает за вывод страницы информации о доставке зарегистрированного пользователя.
- account.shipto.tpl.php – шаблон страницы добавления адреса доставки зарегистрированного пользователя.
- checkout.thankyou.tpl.php – отвечает за вывод страницы последнего шага оформления заказа.
- shop.ask.tpl.php – отвечает за шаблон формы « Задайте вопрос по этому товару»
- shop.cart.tpl.php – отвечает за вывод кнопки «Оформить заказ»
- shop.infopage.tpl.php – отвечает за вывод страницы контактной информации о магазине (информация о продавце)
- shop.manufacturer.tpl.php – вывод страницы информации о производителе.
shop.waiting_list.tpl.php – файл шаблона уведомления администрации о о отсутствии товара:
- shop.waiting_thanks.tpl.php – страница на которую попадает покупатель после нажатия кнопки «Уведомить»:
Вот и все! На этом ставим жирную точку, берем данную статью на вооружение и подгоняем, создаем, правим шаблон VirtueMart под Ваш сайт :) Лично для меня это статья крайней необходимости и является по своей сути шпаргалка.