Интерфейс интернет-магазина — Taptop E-commerce #1

Интернет-магазин в Taptop состоит из двух частей: витрину вы собираете в привычном визуальном редакторе, а товары, категории и заказы ведёте в отдельной панели управления. В этом видео знакомим с интерфейсом и рассказываем, как устроена структура магазина и как эти части связаны между собой.

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

Это вводный выпуск серии: он не учит настройке, а показывает, за что отвечает каждый раздел. В следующем ролике начнём с первого шага — создания категорий и структуры каталога.

Работа с категориями — Taptop E-commerse #2

Категории в Taptop задают структуру каталога: из них складывается дерево в панели управления, по которому вы распределяете товары. В этом видео показываем, как создавать категории и подкатегории, настраивать их и выстраивать понятную структуру магазина.

Разбираем основные параметры категории: название, доступность на сайте, сортировку товаров, описание, картинку, иконку и понятный адрес страницы. Отдельно рассказываем про SEO-настройки — варианты индексации, метатеги и оформление ссылки для соцсетей. Также показываем действия с готовой категорией: копирование, копирование целой ветки, удаление и просмотр на сайте. При удалении категории товары не пропадают, а переходят в раздел «Все без категории».

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

Создание и настройка товаров — Taptop E-commerse #3

Карточка товара в Taptop разделена на четыре вкладки: «Основное», «ЧПУ», «SEO-параметры» и «Описание». В этом видео заполняем их по порядку и разбираем, какие данные можно указать для каждой позиции и на что они влияют.

Больше всего полей во вкладке «Основное»: название, доступность, категории, фото, цена и остаток на складе, артикулы и идентификаторы для интеграций, вес, габариты, кратность и минимальное количество для заказа. Один товар можно привязать сразу к нескольким категориям. Остальные вкладки отвечают за адрес страницы, SEO и текст: краткий анонс для каталога и подробное описание с форматированием.

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

Работа с производителями и поставщиками — Taptop E-commerse #4

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

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

В следующем выпуске разберём массовое редактирование товаров, которое выручает, когда каталог разрастается.