Урок 2. Virtuemart. Настраиваем внешний вид.

В прошлом уроке мы закончили на том, что установили компонент Vitrtuemart и демо-данные на него. Но для того, чтобы мы могли видеть работу интернет-магазина на сайте одного лишь этого мало. Нужно еще установить и подключить самый главный модуль – mod_virtuemart.zip. Где его взять это хороший вопрос, но в данном случае он идет именно в поставке с компонентом, внутри архива, в папке modules. В ней помимо самого главного модуля также находятся несколько второстепенных, но от этого не менее важных, работу которых, я рассмотрю чуть позже.

Устанавливается модуль также как и компонент, через Расширения -> Установить/удалить.

Тут уже никаких проблем по идее возникнуть не должно, и по окончании установки будет рапортовано о том, что установка прошла успешно. Потом надо будет перейти в Расширения -> Менеджер модулей и включить этот модуль, щелкнув по крестику возле него. В моем случае это VirtueMart Module. После того, как он будет активирован, он будет выглядеть вот так.

Конечно с поправкой на дизайн. Поскольку сайт у меня тестовый, то и дизайн у него здесь самый заурядный.

Модуль уже включает в себя названия категорий товаров(Hand Tools, Power Tools, Garden Tools), поле с поиском и корзину. И в принципе, с интернет-магазином уже можно работать. Но все же, часто как я замечал, делают несколько иначе. А именно:

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

Для этого нужно установить модуль, который называется mod_product_categories.

Устанавливается он по аналогии с главным модулем. Точно также, через Менеджер модулей происходит его активация.

Выглядить все это в итоге должно вот так:

Как видите, такое меню легко впишется в дизайн вашего интернет-магазина.

В настройках модуля, в которые можно попасть щелкнув в менеджере модулей непосредственно по заголовку самого модуля можно отключить показ заголовка, активировав соответствующий переключатель. И тогда надпись VirtueMart Product Categories исчезнет. К слову сказать, в тех же настройках, надпись может быть изменена на любую другую.

Чтобы выбрать вертикальную ориентацию меню, как у меня на скриншоте, нужно в тех же самых настройках положение переключателя JSCookMenuOrientation поставить в положение Vertical.

Там же можно настроить внешний вид меню, выставляя переключатель Category display type в соответствующие положения.

Так-то оно все так. Но нашему меню не хватает корзины и поиска. Это тоже решается просто.

Мы, через уже знакомый нам менеджер расширений, устанавливаем модули mod_virtuemart_cart(корзины) и mod_virtuemart_search(поиска).Затем также активируем их в менеджере модулей. Просто, не так ли?

Вот что в итоге у нас должно получиться.

В следующем уроке, я расскажу о том как добавлять товары, создавать категории и много другой, не менее полезной информации.