[Онлайн-обучение] Создаём интернет-магазин с нуля для slon21veka! Этап 9: Знакомство с VirtueMart

Вы не успели в этом году настроить интернет-магазин? Мы вам поможем! Сегодня знакомимся с VirtueMart , вот вам и ссылки на предыдущие уроки:

• Создаём интернет-магазин с нуля для slon21veka! Пошаговый курс. Начало
• Этап 1: Устанавливаем Denwer
• Этап 2: Установка Joomla
• Этап 3: Знакомство с Панелью администратора и русификация
• Этап 4: установка шаблона сайта
• Этап 5: Настройка шаблона сайта. Позиции модулей
• Этап 6: Создание простого HTML-модуля и собственного меню.
• Этап 7: Горизонтальное меню, категории и материалы.
• Этап 8: Создаём бэкап сайта.

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

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

К тому же, в интернете можно найти подсказки. К примеру, в этой статье сравниваются несколько различных компонентов интернет-магазина. Остаётся только прочитать и сделать свой выбор, в соответствии со своими запросами и возможностями.

VirtueMart

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

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

Установка

Прежде всего займёмся установкой. Скачиваем архив с последней версией компонента с официального сайта разработчиков. Здесь нужно нажать на самую первую кнопку DOWNLOAD VM 3.2.12 NOW

Заодно скачаем архив с русификацией, нажав на кнопку Download your language pack и выбрав в открывшемся списке русския язык (Russian).

Распакуем скачанный архив и найдём внутри него ещё 3 архива:

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

Дополнение tcpdf служит для создания отчётов в формате PDF. Если вы не уверены, что оно вам пригодится - можете установить его позже в любой момент.

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

Таким же образом устанавливаем архив с русификацией.

После установки в меню панели управления появится новый пункт - VirtueMart. Он содержит в себе подпункты для добавления товаров, категорий, покупателей, производителей и многого другого. Те же самые пункты доступны в меню Компоненты - VirtueMart.

Маленькая ошибка

Перейдём к панели управления VirtueMart. Первое что бросается в глаза - ошибка-предупреждение о том, что у нас не создан "безопасный путь" (каталоги) для данных компонента.

Это легко исправить: кликнем на ссылку setup wizard и на открывшейся странице нажмём "Create and configure safepath"

Необходимые каталоги будут созданы автоматически и сообщение об ошибке уйдёт.

Создание категории

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

В панели управления VirtueMart выберем пункт Категории и нажмём кнопку Создать.

Заполняем основные поля: Название категории и Описание. Ставим галочку "Опубликовано".

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

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

Создание товара

Для создания товара выберем соответствующий пункт в меню панели VirtueMart и нажмём кнопку Создать.

Заполняем поле Название товара и выбираем нужную категорию.
Поле Артикул нужно для задания уникального номера товара.
А, ссылка в поле URL будет использоваться при нажатии пользователем на фото товара.
Не забываем ставить галочку "Опубликовано", и, при желании, заполняем поля с ценой и валютой.

Обязательно заполняем вкладку с описанием товара:

И, желательно, выбрать фото товара на вкладке "Изображения".

Нажимаем кнопку сохранить и всё готово. Мы создали категорию и добавили в неё пока только один товар. Тут всё должно быть достаточно просто и понятно.
А уже на следующем уроке мы посмотрим как можно отобразить наши категории и товары на сайте.

*С наступающим новым годом! До встречи на новых этапах курса по созданию сайта с интернет магазином уже в новом году!

Автор поста @manavendra

Скриншоты из личного архива автора