Создание в Joomla пункта меню для магазина на VirtueMart, установка и настройка главного модуля

18 Октябрь, 2009

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Продолжим рассмотрение темы создания интернет-магазина на Joomla (понятно, что Ебей на нем не создать, но и то не плохо) с помощью бесплатного компонента VirtueMart, установку которого мы рассмотрели в приведенной статье.

Прежде чем приступить к изучению внутренних настроек этого инетмагазина, я предлагаю сразу же определиться с его позиционированием внутри сайта. Дело в том, что его можно сделать как главной страницей (сразу будет открываться виртуемарт), так и обычным пунктом меню Джумлы , который будет, соответственно, открываться только после обращения к нему пользователя.

Варианты интеграции интернет-магазина VirtueMart в Джумлу


В любом случае для начала нам нужно создать пункт меню, который будет открывать окно с категориями нашего ИМ. Для этого заходим в админку нашего сайта (http://vash_sait.ru/administrator/) и подводим мышь к пункту «Все меню» в верху открытого окна.

Из выпадающего списка выбираем тот вариант, в котором мы хотим разместить ссылку. В результате у вас откроется окно с уже имеющимися в этом меню пунктами. Нам нужно будет создать новый. Для этого мы нажимаем на кнопку «Создать» в верхнем правом углу открытого окна. В дереве «Выберите тип меню», щелкаем по надписи «VirtueMart». Перед нами появится окно настроек, состоящее из левого и правого блоков.

В левом блоке все настройки будут аналогичны описанным здесь. В правом блоке настроек, в области «Параметры — Компонент», вы можете указать в поле «Product ID» идентификатор (ID) какого-либо товара, и тогда при щелчке по данному пункту меню откроется не весь список категорий Виртуемарта, а только окно с описанием одного единственного товара, имеющего идентификационный номер ID, равный заданному в настройках.

Если же поле «Product ID» оставить не заполненным, а в поле «Category ID» ввести ID какой-либо категории, то при щелчке по создаваемому пункту откроется ее содержимое.

Как узнать ID товара или категории в VirtueMart?

Эти настройки позволяют очень гибко подходить к созданию разнообразных способов открытия интернет магазина. Остается только вопрос: а как узнать ID товара или категории? Ну, тут все достаточно просто: заходим в админку, переходим из верхнего меню в «Компоненты» — «VirtueMart», а в открывшемся окне настроек выбираем из левого блока настроек пункт «Товары».

Для просмотра ID категории нужно выбрать в раскрывшемся блоке меню пункт «Список категорий». В самой крайней правой колонке открывшегося окна, напротив каждой категории, вы можете посмотреть ее ID.

Если же вы хотите узнать ID какого-либо товара, то в левом меню выберете пункт «Товары». Вверху открывшегося окна у вас есть возможность выбрать из выпадающего списка раздел, в котором должен находиться искомый товар. ID вы сможете увидеть, опять же, в последней правой колонке, напротив названия.

Продолжим разбирать настройки пункта меню для VM. В правом блоке вы можете ввести в поле «Flypage» название шаблона для отображения карточек товаров, например, flypage-ask.tpl. В результате чего, для отображения всего ассортимента будет использоваться данный шаблон.

Т.е. если мы указали в пункте «Product ID» какой-то конкретный ID продаваемого предмета, то к нему применится шаблон для карточки товара — flypage-ask.tpl. Если мы указали в пункте «Category ID» какой-то конкретный ID раздела, то все предметы из него будут отображаться на основе шаблона для страницы категории VirtueMart — flypage-ask.tpl.

Ну и, наконец, если мы вообще ничего не указали в пунктах «Product ID» и «Category ID» (в этом случае, по нажатию на создаваемый пункт, будет отрываться список всех категорий ИМ), то все предметы во всех категориях будут открываться на основе шаблона flypage-ask.tpl.

Что такое Flypage (шаблон для карточки товара)

Теперь, для тех кто не знает, что такое шаблон отображения карточки товара в VM, поясню. Если вы подключитесь по протоколу FTP к вашему серверу и найдете следующую папку /components/com_virtuemart/themes/default/templates/product_details, то сможете увидеть там несколько файлов XXX.tpl.php, которые и являются шаблонами.

Фактически эти шаблоны Flypage позволяют задавать, что и каким образом будет расположено в карточке (странице) товара. Для разных категорий в их настройках можно задавать разные шаблоны Flypage.

Здесь же, в поле «Flypage», мы можем задать один и тот же шаблон для всего содержимого. Подробнее о настройке шаблонов Flypage я планирую рассказать в одной из очередных статей данной рубрики.

Пока еще я не понял для чего нужно поле «Страница» в правом блоке настроек. Если кто-то обладает данной информацией, то просьба написать об этом в комментариях к данному посту. Так же в правом блоке настроек имеется область под названием «Параметры — Система», в которой можно фактически задать содержание мета тега TITLE для открываемой страницы — это ее заголовок, который вы можете увидеть в самом верху окна браузера.

Содержимое мета тега TITLE имеет гораздо большее значение для поисковиков, чем текст страницы, поэтому стоит включать в него ключевые слова, по которым вы планируете продвигать свой проект. Тайтл прописывается в настройке пункта меню — «Заголовок страницы», а в поле «Показать Заголовок страницы» вы можете выбрать, будет ли он виден на странице:

Теперь жмем на кнопку «Сохранить» или «Применить» (при нажатии на кнопку «Сохранить» — ваши настройки сохранятся и вас выкинет из этого окна настроек, а при нажатии на кнопку «Применить» — ваши настройки также сохранятся, но вы останетесь в этом же окне). Если теперь перейти на Joomla-сайт, то можно увидеть и испробовать только что созданный пункт меню.

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

При заходе посетителя на сайт сразу открывается магазин


Для этого нужно зайти в админку и подвести мышь к пункту «Все меню» в верху открытого окна. Из выпадающего списка нужно выбрать тот, в котором находится только что созданный нами пункт для VirtueMart. Вы можете видеть, что звездочка в колонке «По умолчанию» стоит напротив главной страницы, поэтому она и открывается при обращению к сайту по адресу http://vash_sait.ru/.

Для того, чтобы сразу открывался ИМ, нужно поставить галочку в чекбоксе рядом с его пунктом меню и нажать в верхней панели кнопок на большую желтую звезду «По умолчанию». В итоге, звездочка в колонке «По умолчанию» станет напротив пункта интернет-магазина, и про обращении к сайту по адресу http://vash_sait.ru/ будет сразу открываться список категорий VM.

Для создания удобства работы с магазином следует установить главный модуль VirtueMart. Он объединяет в себе практически все, что может понадобиться покупателю для полноценной работы:

  • список категорий товаров в различных форматах
  • корзину
  • форму авторизации
  • форму поиска
  • расширенный поиск
  • поиск по характеристикам
  • вход в личный кабинет пользователя

Для начала нужно установить сам главный модуль, установочный пакет которого вы скачали вместе с компонентом (Complete Package). После распаковки файла зайдите в папку modules, которая была внутри архива, и там вы увидите архив под названием mod_virtuemart_....zip — вот это и есть дистрибутив главного модуля, который мы сейчас будем устанавливать.

Выполняем следующую последовательность действий в админке Джумлы: «Расширения» — «Установить/Удалить» — «Загрузить файл пакета» — кнопка «Обзор» — находим на своем компьютере файл mod_virtuemart_.....zip — жмем на кнопку «Загрузить файл&Установить». Процесс установки главного модуля занимает немного времени и по его завершении вы увидите сообщение об успешном его окончании. Если возникнут какие-либо проблемы на этом этапе, то вы можете поискать здесь решение вашей проблемы при установке расширений на Joomla.

Настройка главного модуля интернет магазина Virtuemart


Теперь переходим непосредственно к его настройке. Открываем в админке в верхнем меню пункт «Расширения» — «Менеджер модулей» и щелкаем по названию только что установленного расширения. Левая часть окна настроек практически во всех случаях будет выглядеть одинаково и содержать следующие области:

  1. «Заголовок» — задать нужный заголовок
  2. «Показать заголовок» — выбрать, будет ли он виден на сайте
  3. «Включен» — выбрать, включить ли отображение данного модуля на сайте или нет
  4. «Позиция» — выбрать позицию для его отображения (название позиций для модулей зависит от используемого вами шаблона). Для того, чтобы увидеть все имеющиеся в вашем шаблоне позиции для модулей, можно добавить к адресу вашего сайта ?tp=1, т.е. в итоге получится http://vash_sait.ru/?tp=1.)
  5. «Доступ» — выбрать из выпадающего списка, кому будет виден данный модуль: всем, только зарегистрированным пользователям или только админам
  6. в области «Назначение меню», в поле «Меню», вы можете настроить, на каких страницах он будет отображаться, а на каких не будет (по умолчанию стоит галочка «Все» и он будет, соответственно, виден на всех страницах сайта)
  7. «Выбор меню» — вы можете, удерживая Shift или Ctrl, на клавиатуре выбрать те страницы, на которых будет отображать данный модуль, если в настройках предыдущего поля вы выбрали «Выбрать из списка»

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

  1. «Menu Class Suffix» и «Суффикс класса модуля» — указать суффиксы для придания внешнему виду модуля заранее заданного вида (о суффиксах мы поговорим позже)
  2. «Pre-text» — вы можете ввести текст, который будет предшествовать списку категорий магазина в этом модуле
  3. «Show a Login Form for the customers?» — вы можете выбрать, показывать ли форму авторизации для покупателей
  4. «Show the Product Categories?» — вы можете выбрать, показывать ли категории
  5. «Show List All — link?» — вы можете выбрать, показывать ли ссылку «Список всех товаров», при щелчке по которой откроется соответствующее окно
  6. «Show Administrator Link?» — вы можете выбрать, показывать ли ссылку на управление магазином для пользователей с правами администратора или менеджера (которым разрешено управление ИМ)
  7. «Show Account Link?» — вы можете выбрать, показывать ли ссылку для входа пользователей в собственный аккаунт, где показываются все выписанные и оплаченные счета, а так же адрес доставки, который можно изменить
  8. «Open the Account Maintenance in a GreyBox?» — не понял для чего нужно, но вроде не работает
  9. «Show Mini Cart?» — вы можете выбрать, показывать ли мини-корзину
  10. «Open the Cart in a GreyBox?» — вы можете выбрать, открывать ли корзину во всплывающем окне (можете попробовать как вам больше понравится)
  11. «Show Product Search Field?» — вы можете выбрать, показывать ли поиск по товарам
  12. «Show Product Parameter Search Field?» — вы можете выбрать, показывать ли поиск по типам товаров
  13. «Category display type» — выбираем из выпадающего списка тип отображения категорий:
    • вариант «Link List» — простой список
    • вариант «Tigra Tree» — древовидный формат
    • вариант «JSCook» — симпатичное выпадающее меню или же дерево (в зависимости от настройки в поле «JSCook Type») на ДжаваСкрипт
    • вариант «TransMenu» — красивое выезжающее меню
    • вариант «dTree» — еще один вариант древовидного меню
  14. «JSCook Type» — выбираем из выпадающего списка вид отображения JSCook — в виде меню или в виде дерева
  15. «JSCookMenu Style» — можем изменить тему для оформления меню JSCook (темы оформления задаются в одноименных папках и файлах, расположенных по адресу modules/mod_virtuemart)
  16. «JSCookMenu Orientation» — выбираем ориентацию меню JSCook — горизонтальную или вертикальную
  17. «JSCookTree Style» — можем изменить тему для оформления дерева категорий JSCook (темы оформления задаются в одноименных папках и файлах, расположенных по адресу modules/mod_virtuemart)
  18. «Label of the dTree Root» — можем задать заголовок дерева, если в поле «Category display type» был выбран вариант «dTree» (например, Инетмагазин)

Не забудьте после окончания настроек нажать на кнопку «Сохранить» или «Применить».

Советую еще посмотреть видео о создании карты для интернет магазина с Вебмастерской Яндекса:

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Еще:

Рубрики :Как создать интернет-магазин

Комментарии и отзывы

Антон

Спасибо за статью . Теперь гораздо проще начинать. 🙂

Дмитрий

Антон, пожалуйста, рад, что вам понравилось. =)

Алекс

Отличная статья, спасибо! Реально помогла быстро разобраться в некоторых нюансах

Alex

Отличная статья и вообще блог.

bescom

Извините, если скажу глупость — по моему, уже есть готовая сборка. Называется «Твоя точка старта».

Дмитрий

Спасибо за материал, очень помогло в настройке отображения страницы магазина на главной

Александр

Как убрать в VirtueMart ссылку «Задайте вопрос по этому товару» и функцию «Недавно просмотренные товары»

Дмитрий

Александр: посмотрите в этой статье, в конце

Александр

Никак не получается убрать в VirtueMart ссылку «Задайте вопрос по этому товару» подскажите в мануале не нашёл

Алексей

Здравствуйте, Дмитрий! Спасибо за помощь!

И опять к Вам с вопросом — не уходят письма-оповещения покупателям (пишет « не возможно отправить ...»), да и на мой адрес не приходят оповещения о заказе ...в чем может быть загвоздка?

Заранее благодарю...

tigra-uki

Александр: В /components/com_virtuemart/themes/default/templates/product_details/flypage.tpl.php (или тот flypage, который Вы используете):

удалить php echo $ask_seller

Юрий

Здравствуйте, может у Вас есть решение по вставке дополнительных изображений товара в Виртуемарте. Т.е. при нажатии на «подробнее» попадаем на страничку, где не одна маленькая картинка, а допустим 3 или 4, и каждую можно увеличить?

Дмитрий

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

P.S. Написал статью по добавлению дополнительных изображений к товару в VirtueMart — тут

Светлана

Два вопроса:

1. Загружала компонент с установленным шаблоном.

«Открываем в админке Joomla в верхнем меню пункт «Расширения» — «Менеджер модулей» и щелкаем по названию только что установленного модуля.» Так и не поняла, как называется модуль, что бы внести нужные настройки. Сам VirtueMart на английском, но мне такой и нужен.

2. Создала категории и подкатегории. В подкатегориях высвечивается количество товара, а в категории стоит (0).

Например: рисунки — форма — размер А и рисунки — форма — размер В.

В размере А (15), в размере В (15), в форме (на уровень выше) — 30. Но в самих рисунках стоит (0)!!!

Как это можно настроить или исправить.

Дмитрий

Светлана: ответ на ваш вопрос ищите здесь — Вариант решения проблемы с отображение количества товаров в категориях VirtueMart, имеющих подкатегории

Светлана

Спасибо! Помогло! +

Светлана

Хочу изменить дизайн страницы «Информация о продавце». Как называется файл в VM, в котором можно внести изменения. И где его искать.

Дмитрий

Светлана: вроде бы из админпанели VMt можно настроить отображение информации о продавце.

В группе меню «Продавцы» можно создать категории для продавцов и самих продавцов (используется, если в вашем ИМ больше одного продавца)

Владимир

Спасибо. Статья спасла.

Петр

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

Подскажите плиз что делать нужно.

Константин

Настраиваю VM и мне нужно чтобы товары выводились в одну строчку (как прайс-лист), как это сделать разобрался сразу.

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

1. Название, 2.Артикул, 3.Цена, 4.Маленькая картинка, 5.Описание, 6.Обновить(в корзину), а мне необходимо по другому 1. Артикул, 2.Название, 3.Цена, 4. Обновить в корзину).

Кто нибудь знает как это настраивается? Подскажите пожалуйста

Юлия

Подскажите, как в поле Category ID задать несколько id . Или как сделать, чтобы вложенные категории VirtueMart отображались в том же шаблоне, что и родительский, id которого прописано в меню.

Спасибо

Малинка

Дмитрий а как посмотреть ID самого компонента VirtueMart да и вообще любого компонента который установлен в Joomla? спасибо)

Андрей

Подскажите пожалуйста как сделать так чтобы в joomla 1.5.10 приходило оповещение о заказе на почту... Заранее спасибо

Дмитрий

Андрей: возможно, что у вас не работает, выбранный в общих настройках joomla, способ отправки почты. Как его изменить читайте здесь про настройку отправки почты с сайта на Joomla

Sedoy

Я установил главный модуль? включил его, он выводится на главной все как надо. Только вот, при клике на каталог, категорию и сам товар, он выводит модуль (Флеш) который должен отображаться только на главной (в настройках модуля Назначение меню / Выбрать из списка / mainmenu / Главная). Не подскажете как это исправить?

Тимур

по поводу «Страница» в настройках меню вы просили отписаться в коментах. А вы подставьте туда значения: account.index, shop.browse и тд

Я так понял из папки брать /templates/pages/

Тимур

Если явно указать номер категории в менюшке, то Заголовок страницы не будет работать.

Роман

tigra-uki: Ничего не сработало. У меня просто не отсылает письма ни мне, ни покупателям. Что уже не делал, все настройки по 100 раз менял. Пока ничего не помогает. Хостер тоже не смог помочь.

Andrey

Здравствуйте! Установил на Джумлу 1.5.14. При создании пункта меню указал псевдоним «components/virtuemart», то есть путь к компоненту. Но Джумла убирает слэш и на странице по ссылкам нельзя перейти. Не посоветуете как можно обойти эту проблему?

Val

Александр:

Как убрать «Задать вопрос по данному товару»:

В папке components/com_virtuemart/themes/default/templates/product_details

в используемом flypage-шаблоне нужно просто убрать вывод переменной

$ask_seller.

вот так вот

//$ask_seller

MxR

Здравствуйте! Необходимо организовать вывод двух меню с разными категориями ВМ. Смысл в том, что в обоих меню одни и те же товары, но по-разному рассортированы -> заголовки у меню должны быть разные. Например в модулях VirtueMart Product Categories и mod_virtuemart я не нашел возможности выбрать какие категории будут отображаться в модуле:( Как это сделать?

Помогите, пожалуйста, решить проблему.

Михаил

ОЧень хорошая статейка, СПАСИБО! Добавил в закладки!

a3atka

Как добавить новый пункт в форму “Задать вопрос по данному товару”?

вот сам скрин этих пунктов которые есть, нужно еще «Тел номера», и «адрес»

http://cs10031.vkontakte.ru/u8002816/97683365/x_e05785a0.jpg

Спасибо!

Елена

Спасибо! Сразу все встало на места. А то я была в недоумении — где искать мой магазин?

Блог очень полезный, постоянно в этом убеждаюсь.

Илья

Здравствуйте! Подскажите пожалуйста как вывести личный кабинет в котором клиент мог-бы просматривать состояние заказов и видеть выбранные товары и сделанные заказы.А то после оформления заказа клиент теряет доступ к заказу.

Slaffko

Вы бы рекламу как-то выделили другим цветом или рамкой, а то читать невозможно

Хасан

У меня исчезла полностью верхнее меню кто нибудь подскажите как это исправить.

Pugovka

Очень полезная статья! как, в принципе, и весь блог! Респект автору!

Вот только возникли трудности...

У меня есть два вида меню:

1- меню с категориями и материалами Joomla, т.е. контактная информация, главная страница, акции и т.п.

2-меню virtuemart, где отображаются категории товаров, например, игрушки мягкие, игрушки деревянные и т.д.

ПРОБЛЕМА: если сделать по умолчанию меню joomla, то неотображается меню virtuemart!! и наоборот!

Как возможно исправить????!

Сергей

Большое спасибо за статьи — очень помогают.

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

Спасибо!

Александр

Добрый день!

Возникла проблема все сделал как написано в статье, но результат полностью пустая страница!

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

Если ставишь галочку о закрытии магазина в настройках, то появляется страница.

Заранее спасибо!

Михаил

В настройках Virtuemart, во вкладке «Общие настройки», в области «Возможности магазина» есть пункт с галочкой «Включить партнерскую программу?». Что он означает? Это что встроенная возможность создать партнерскую программу магазина или какой-то некорректный перевод?

Лена

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

Halevich

Добрый день столкнулся с одной проблемой как можно убрать надпись VirtualMart при наведении на корзину. Если кто знает, подскажите пожалуйста срочно.

Алексей

Halevich:

Смотрите шаблон /parkaventura.ru/docs/components/com_virtuemart/themes/default/templates/common/minicart.tpl.php

на строке 7 там начинается такая надпись:

<img src="components/com_virtuemart/shop_image/ps_image/Shopcart_Iconset_PNG/shopcart_256x256.png" alt="VirtueMart" width="65" border="0" />

Замените атрибут alt.

Дмитрий

Доброго времени суток.

Вопрос, все сделал как написано в статье для отображения ВМ сразу при входе на сайт (статья очень полезная и хорошая, безусловно), но при заходе на сайт все равно отображается главная тема джумлы, и наполнение виртуемарта и в итоге невозможно изменить тему виртуемарта, что делать? И при смене шаблонов джумлы, они сменяются. Что делать?

Мария

Первая разумная статья, которую нашла в интернете. Спасибо большое!

Кстати я тоже закончила МЭИ в прошлом с отличием. Энергеты — Semper in motu.

Андрей

Подскажите как сделать что бы на главной странице сразу был на главной странице с кнопочкой (купить).

Например как вот тут http://joomla15.zootemplate.com/jv_asent/

Все обгуглил не могу найти и все 🙂

Нина

А как настроить вывод товаров с определенными параметрами?

mik007

Доброго времени суток !

В админке при создании пункта меню VirtueMart есть возможность вывода товаров по Category ID либо Product ID

А как в админке сделать возможным вывод товаров и по определённому производителю ( по Manufacturer ID )?

Slyder

Вопросов много — ответ один. Народ, всем, кто спрашивал, как сделать, чтобы при нажатии на созданный пунк меню Joomla открывались несколько (сколько угодно) товаров, причём с разных категорий (естественно, если у вас меню Joomla привязано к компоненту VM). Ответ — пляшем не от пункта меню, а от самого товара, в свойствах которого указываем, нужные нам категории удерживая CTRL (заходим в товар->Информация о товаре->поле Категории). Всем удачного бизнеса!

Андрей

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

Евгения

Ни один из созданных пунктов меню не работает. На какой ни нажмешь — попадаешь на главную страницу. В чем искать причину?

Подписаться не комментируя