VirtueMart 1.1.7: структура шаблона

День добрый ребята! Столкнулся с задачей по подгонке шаблона VirtueMart под дизайн сайта. Уверен в том, что эта тема интересует не только меня, а поэтому очень востребована.

В этой статье я опишу структуру шаблона и расскажу о том, за что отвечает тот или иной файл шаблона VirtueMart. На самом деле все не так сложно как кажется с первого взгляда :)Прежде чем мы приступим, хочу заметить, что для того, чтобы воспользоваться данной информацией нужно обладать хотя бы начальными знаниями CSS, Html и PHP.

 

Оглавление статьи.

  1. Структура темы default.
  2. Структура шаблона VirtueMart.
  3. Подробнейший разбор папки templates.
  4. Содержание папки browse.
  5. Содержание папки checkout.
  6. Содержание папки product_details.
  7. Содержание папки comon.
  8. Содержимое папки order_emails.
  9. Содержимое папки pages.

Структура темы default

Здесь мы разберем за что отвечают папки и файлы находящиеся непосредственно в папке default.

Сам шаблон находится здесь:

/web/components/com_virtuemart/themes/default

В этой папке мы обнаруживаем вот что:

  1. images – здесь находятся все изображения шаблона.
  2. templates – здесь находятся шаблоны различных страниц магазина, тобишь корзина, оформление заказа, письма и пр. Ничего не поделаешь вот так устроен шаблон :)
  3. admin.css, admin.styles.css, theme.css –это таблицы стилей шаблона.
  4. theme.js, theme.prototype.js — скрипты шаблона.
  5. theme.config.php — в нем заключены все настройки шаблона.
  6. theme.php — функциональный файл. Для людей слабо знакомых с PHP даже не стоит заморачиваться.
  7. theme.xml — хранит в себе информацию о шаблоне.

Структура шаблона VirtueMart « default»

Далее я опишу структуру шаблона, папки которые вы найдете по этому адресу:

/web/components/com_virtuemart/themes/default/templates

Именно в этой папке находится все то, что позволит нам изменить дизайн нашего шаблона.

  1. basket — шаблон корзины товаров. Отвечает за отображение блока корзины товаров.
  2. browse — шаблон списка товаров. Отвечает за отображение списка товаров в определенной категории.
  3. flypage — шаблон страницы товара. Отвечает за отображение страницы с товаром, появляющаяся при переходе по товару из категории.
  4. checkout — шаблон страницы заказа. Отвечает за вывод страниц оформления заказов (метод оплаты, доставка, регистрация и т.п.)
  5. order_emails — шаблон писем. Отвечает за отображение писем, отсылаемых в процессе работы с магазином.
  6. pages — шаблон дополнительных страниц.
  7. 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 под Ваш сайт :) Лично для меня это статья крайней необходимости и является по своей сути шпаргалка.