Gridbox - инструкция по работе с каталогом и добавлении товаров

Gridbox - новый и набирающий популярность компонент для Joomla!, в котором продуманная система управления и создания сайта, а так же интернет-магазинов. Данный компонент прост в освоении и не требует знаний программирования, поэтому разобраться в нем сможет каждый желающий.

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

Работа с каталогом

Для начала необходимо зайти в админ панель своего сайта.

gridbox

После того как вы зашли в админ панель, вверху на панели навигации необходимо нажать на пункт "Компоненты" и выбрать "Gridbox".

gridbox

Мы попадаем в панель управления Gridbox. Чтобы перейти в каталог, слева в меню выбрать компоненты и потом перейти в нужный каталог. В нашем случае - это "Каталог плитки".

gridbox

В каталоге вы увидите все ваши категории в данном каталоге, а так же товары, которые относятся к данным категориям.

gridbox

Здесь с категориями можно работать несколькими способами: 1 - перемещать их вверх/вниз, 2 -настаивать каждую категорию по отдельности (описание, вступительная картинка и тд. на рисунке ниже,), 3 - добавлять новую категорию или подкатегорию нажав на красную кнопку "+ КАТЕГОРИЯ". Чтобы добавить категорию нужно выбрать "Корневая папка", чтобы добавить подкатегорию - выбрать одну из существующих, например "Керамическая плитка" или "Керамогранит".

gridbox

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

Важно!!! Если вы меняете заголовок то обязательно удалите все с поля "Алиас", чтобы сформировался новый url адрес.

gridbox

Добавление товара

Есть два способа создать новый товар: 1 - продублировать существующий и заменить в нем фото описание и тд., 2 - создать "чистый товар" и добавлять все с нуля.

Если вы хотите продублировать товар, то по нажатию правой кнопкой мыши по существующему товару в контекстном меню нужно выбрать создать копию.

gb15

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

gb15

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

После этого можно заходить в новый товар и заменять там нужную информацию.

gb15

Если вы хотите добавить новый товар, то в правом нижнем углу нужно нажать на красную кнопку (№1 на рисунке ниже) и выбрать "Физический товар" (№2 на рисунке ниже).

gridbox

Заполняем заголовок нового товара и нажимаем "ДАЛЕЕ".

gridbox

Попав в карточку товара вы сможете добавлять фото товара (№1 на рисунке ниже), написать описание для товара (№2 на рисунке ниже)

gridbox

При нажатии на поле "Добавить новый элемент" в Product image вы попадете в медиа менеджер, где вы можете управлять изображениями. (№1 на рисунке ниже) это загрузка изображения с компьютера, (№2 на рисунке ниже) это создание новой папки, например, для нового товара или раздела, чтобы в медиа менеджере был порядок и вы легко смогли найти нужное вам фото, (№3 на рисунке ниже) это выбрать фото, которое вы хотите разместить в товаре (можно выбрать одно или несколько), (№4 на рисунке ниже) - добавить выбранные фото.

gridbox

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

gridbox

Еще ниже опции товара, они нужны, если у вас есть разные конфигурации товара, например, цвет, размер и тд.; или если у вас на сайте присутствует фильтр товаров. Нажмите на поле "Добавить новый элемент" в Опциях и в списке выберите те конфигурации, которые нужны для данного товара. Дополнительные поля можно не трогать.

gridbox

Если у вас в товаре есть дополнительные поля или галереи, то найти их можно нажав на "Расширенный редактор" (№1 на рисунке ниже), после этого навести на галерею и в зеленой шестеренке нажать "Редактировать" (№2 на рисунке ниже).

gridbox

В галерее можно менять местами изображения перетянув их вверх/вниз (№1 на рисунке ниже), а так же редактировать/дублировать/удалять их (№2 на рисунке ниже).

gridbox

Нажав на редактирование нужно выбрать новое изображение (аналогично как и в товаре) а так же если нужно заполнить поля "Заголовок" и "Описание". После всех манипуляций нажмите галочку в правом верхнем углу.

gridbox

После того, как вы заполнили все необходимое в товаре, в левом верхнем углу нажмите на кнопку "СОХРАНИТЬ", обновите страницу магазина (Ctrl + F5 на клавиатуре), если товар появился и в нем все заполнено правильно - можно закрыть вкладку с товаром.