JoomDom - Скачать шаблоны для Joomla, модули и компоненты для сайтов бесплатно.

Карта сайта Контакты Главная

Полезности

Наши партнёры

Архив новостей

Декабрь 2018 (9)
Ноябрь 2018 (20)
Октябрь 2018 (29)
Сентябрь 2018 (14)
Август 2018 (16)
Июль 2018 (18)

Друзья проекта

1  2  3  4  5  5  7  8 

Авторизация

Опрос

Мои среднемесячные расходы на хостинг

Больше 1001 руб.
От 501 до 1000 руб.
От 201 до 500 руб.
от 1 до 200 руб.
Пользуюсь бесплатным

Реклама

Реклама

Реклама

Реклама

Карта: 1, 2, 3, 4, 5, 6, 7, 8, 9

Счетчики


Яндекс.Метрика

Каждый элемент компонента электронной торговли от страницы товара или категории до кнопки «Добавить в корзину» расположен в отдельном файле. Каждый из файлов следует в порядке иерархии подключить друг к другу.

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

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

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

Шаблон VirtueMart состоит из следующих основных составляющих:

1) Шаблон категории товаров(browse) – данный шаблон отвечает за отображения списка товаров в определенной категории.

2) Шаблон страницы товара (flypage) – данный шаблон отвечает за отображение страницы с отдельным товаром, той, которая появляется при клике по товару из категории товаров.

3) Шаблон корзины товаров (basket) – шаблон, отвечающий за внешний вид страницы, с изображением корзины товаров(не путать с модулем корзины товаров). Здесь речь идет о той странице, которая появляется после клика по ссылке «Показать корзину». Пример будет ниже.

4) Шаблон оформления заказа (checkout) – шаблон отвечающий за страницы, которые показываются в процессе оформления заказа, а именно выбор методов оплаты, доставки, регистрация и.т.д

5) Разные дополнительные шаблоны – самый большой класс шаблонов, отвечающих за всякие мелочи интернет-магазина. Подробно он будет рассмотрен ниже.

Пять шаблонов, описанных выше – понятие абстрактное, поскольку каждый из них состоит из нескольких файлов. Ниже рассмотрим их подробно.

Редактирование шаблона VirtueMart. Основной шаблон.

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

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

components\com_virtuemart\themes\default

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

Стандартный шаблон состоит из следующих файлов и папок:

– images – папка, содержащая все изображения шаблона (не путать с изображениями товаров и категорий. Их тут нет.);

– templates – папка, содержащая все шаблоны страниц шаблона(получилось масло масляное… Скажем так, в основном шаблоне VirtueMart содержаться подшаблоны, отвечающие за вид различных элементов интернет-магазина);

– admin.css – этот и два следующих файла являются таблицами стилей шаблона VirtueMart. Все CSS-стили шаблона содержаться в этих файлах.

– admin.styles.css

– theme.css

– theme.js, theme.prototype.js
–скрипты шаблона. Отвечают за создание различных эффектов.

– theme.config.php – конфигурационный файл шаблона. Содержит некоторые настройки шаблона VirtueMart по умолчанию(по аналогии с configuration.php Joomla)

– theme.php – файл функций шаблона. Позволяет добавлять к шаблону дополнительные функции и классы (для тех, кто хорошо владеет php).

– theme.xml – xml-файл шаблона. Создан по аналогии с xml-файлами шаблонов Joomla.

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

Далее рассмотрим ее подробно.

Редактирование шаблона VirtueMart. Папка templates.

Папка Templates состоит из семи подпапок:

– basket – внешний вид корзины с товарами;

– browse – внешний вид категорий товаров;

– checkout – внешний вид процесса оформления заказа;

– common – шаблоны, общие для всего магазина;

– order_emails – шаблоны писем, посылаемых в процессе работы с магазином;

– pages – шаблоны дополнительных страниц;

– product_details – внешний вид страницы товара.

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

Редактирование шаблона VirtueMart. Подпапка basket.

Подпапка basket содержит 4 шаблона, которые делятся на 2 вида:

– b2b (Business to Business)

– b2c (Business to Customer)


Вид выбирается в зависимости от того, включена или отключена в настройка опция «Показать "(включая XX% налогов)", когда они применяются?». Если она включена, то используется вид b2c, иначе b2b.

1) basket_b2b.html.php – шаблон корзины вида b2b.

2) basket_b2с.html.php – шаблон корзины вида b2с. См. рисунок ниже:

Редактирование шаблона VirtueMart


3) ro_basket_b2b.html.php – шаблон корзины вида b2b только для чтения (read-only). Показывается на последнем шаге оформления заказа, где пользователь уже не может изменить введенные данные.

4) ro_basket_b2c.html.php – шаблон корзины вида b2c только для чтения (read-only). Показывается на последнем шаге оформления заказа, где пользователь уже не может изменить введенные данные.

Редактирование шаблона VirtueMart


Редактирование шаблона VirtueMart. Подпапка browse.

Как я уже писал выше, шаблоны данной подпапки используются для вывода списка товаров категории. Всего в этой подпапке 6 файлов и еще одна подпапка. Рассмотрим их по порядку:

1) browse_1.php – шаблон, предназначенный для отображения списка по одному товару в строке (кроме того, в категории должно быть указанно соответствующее количество товаров в строке).

Редактирование шаблона VirtueMart


2) browse_2.php – шаблон, предназначенный для отображения списка по два товара в строке (кроме того, в категории должно быть указанно соответствующее количество товаров в строке).

Редактирование шаблона VirtueMart


3) browse_3.php, browse_4.php, browse_5.php – 3, 4 и 5 товаров в строке соответственно.

4) browse_lite_pdf.php – шаблон, предназначенный для легкой конвертации списка товаров в формат PDF. Отличается от предыдущих прежде всего тем, что не содержит в себе каких-либо пользовательских данных, например, рейтинга.

Редактирование шаблона VirtueMart


Если с файлами browse все довольно просто, то с подпапкой includes могут возникнуть проблемы. Рассмотрим содержащиеся в ней шаблоны(они все относятся именно к странице browse!):

1) addtocart_form.tpl.php – шаблон кнопки добавления на карту;

Редактирование шаблона VirtueMart


2) browse_header_all.tpl.php – шаблон заголовка страницы в списке всех товаров

Редактирование шаблона VirtueMart


3) browse_header_category.tpl.php – шаблон заголовка страницы browse +RSS-иконка, в списке товаров категории

Редактирование шаблона VirtueMart


4) browse_header_keyword.tpl.php – шаблон заголовка страницы в списке товаров при поиске. Работает только в обычном поиске, но не в расширенном поиске по характеристикам;

Редактирование шаблона VirtueMart


5) browse_header_manufacturer.tpl.php – шаблон заголовка страницы в списке производителей товаров. Например, установив модуль отображения производителей и перейдя в нем в какую-либо категорию производителей к заголовку можно применить данный шаблон.

Редактирование шаблона VirtueMart


6) browse_layouttable.tpl.php (browse_listtable.tpl.php, browse_notables.tpl.php) – в VirtueMart список товаров browse может быть построен тремя способами:

а) с помощью таблиц:

Редактирование шаблона VirtueMart


б) плоским списком (по одному товару в строку с помощью таблиц):

Редактирование шаблона VirtueMart


в) без таблиц (с использованием DIV’ов):

Редактирование шаблона VirtueMart


Выбрать способ отображения можно в настройках шаблона VirtueMart («VirtueMart» –> «Настройки» –> «Сайт» –> «Выберите шаблон для магазина»(настройки) –> «Product List Style»). Данные три шаблона как раз отвечают за способ построения списка товаров.

Здесь очень тонкая грань с шаблонами browse_x. Важно ее понимать. Шаблоны browse_x отвечают за отображение одного товара в списке, а данные 3 шаблона – собственно, за формирование списка. Т.е. они как бы много раз повторяют шаблон browse_x.

7) browse_orderbyfields.tpl.php – файл, содержащий коды для возможных полей сортировки товаров на странице browse. Редактировать там особо нечего.

8) browse_orderbyform.tpl.php – внешний вид формы сортировки на странице browse;

9) browse_pagenav.tpl.php – шаблон отображения пагинации (номеров страниц со ссылками следующая, предыдущая и.т.д.) для списка товаров на странице browse

Редактирование шаблона VirtueMart


10) browse_searchparameter_form.tpl.php – шаблон отображения заголовка при расширенном поиске по дополнительным характеристикам.

Редактирование шаблона VirtueMart


Редактирование шаблона VirtueMart. Подпапка checkout.

Как упоминалось выше в данной подпапке содержаться шаблоны процесса оформления заказа. Рассмотрим их подробно:

1) checkout_bar.tpl.php – шаблон полоски процесса оформления заказа

Редактирование шаблона VirtueMart


2) customer_info.tpl.php – шаблон информации о покупателе на этапе «Адрес доставки»

Редактирование шаблона VirtueMart


3) get_final_confirmation.tpl.php – шаблон ранее введенной информации на этапе «Завершить заказ»

Редактирование шаблона VirtueMart


4) get_payment_method.tpl.php – шаблон заголовка выбора способа оплаты на этапе «Способ оплаты»

Редактирование шаблона VirtueMart


5) get_shipping_address.tpl.php – шаблон выбора адреса доставки на этапе «Адрес доставки»

Редактирование шаблона VirtueMart


6) get_shipping_method.tpl.php – шаблон заголовка выбора способа доставки на этапе «Варианты доставки»

Редактирование шаблона VirtueMart


7) list_payment_methods.tpl.php – шаблон выбора способа оплаты на этапе «Способ оплаты»

Редактирование шаблона VirtueMart


8) list_shipping_methods.tpl.php – шаблон выбора способа доставки на этапе «Варианты доставки»

Редактирование шаблона VirtueMart


9) list_shipto_addresses.tpl.php – шаблон списка адресов доставки на этапе «Адрес доставки»

Редактирование шаблона VirtueMart


10) login_registration.tpl.php – шаблон страницы «Оформить заказ» для незарегистрированных пользователей.

Редактирование шаблона VirtueMart


Мы разобрали три подпапки с шаблонами. Остается еще четыре. О них будет рассказано в следующей статье по VirtueMart.





Редактирование шаблона VirtueMart


Опубликовано: 20-08-2012, 20:50   Комментариев Категория: Статьи Просмотров Просмотров: 18334

Другие новости на эту тему:

Теги к статье:

virtuemart
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Комментариев: 0
Публикаций: 0
ICQ:
Имя:

#1 pikaso7

Гости | 21 октября 2013 14:42 | Регистрация: --
Огромное спасибо автору, очень полезная статься!

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.