Урок 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(поиска).Затем также активируем их в менеджере модулей. Просто, не так ли?
Вот что в итоге у нас должно получиться.
В следующем уроке, я расскажу о том как добавлять товары, создавать категории и много другой, не менее полезной информации.