[Онлайн-обучение] Создаём интернет-магазин с нуля для 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
Скриншоты из личного архива автора