Как создать и редактировать разделы каталога интернет-магазина?

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

Глубина и количество разделов каталога зависят от специфики товаров продаваемых в интернет-магазине.

Раздел — это торговая секция магазина, в которой размещен набор товаров, объединенных определенным образом: по назначению (товары для дома, для офиса), по товарной группе (книги, бытовая техника, компьютерные комплектующие, ноутбуки, мобильные телефоны), по производителю (Sony, Panasonic, Philips) и т.п.

Для создания (редактирования) разделов следует перейти в модуль “Управление разделами и товарами”. При входе в него можно увидеть дерево разделов (структуру каталога данного интернет-магазина) и таблицу с товарам для выбранного раздела. По умолчанию в таблице отображается перечень товаров, размещенных в данном разделе (при наличии таковых). В противном случае таблица будет пуста. Есть возможность переключиться на таблицу с перечнем дочерних подразделов для данного раздела (таблица будет заполнена при наличии дочерних подразделов). Т.е. данная контекстно зависимая таблица имеет два режима отображения: режим показа Товаров и режим показа Разделов.

 

Действия с каталогом и разделами

Администратор интернет-магазина имеет возможность:

1. Создавать разделы каталога любого уровня вложенности.
2. Удалять разделы каталога.
3. Изменять порядок и глубину расположения разделов каталога (перемещать разделы).
4. Редактировать существующие разделы каталога.
5. Управлять SEO-параметрами разделов.

 

Добавление раздела в каталог

Раздел можно добавить несколькими способами:

1. с помощью кнопки “Добавить подраздел” над или под таблицей вложенных подразделов. В дереве разделов должен быть активен родительский раздел, в который нужно добавить дочерний подраздел, а в таблице данных активна кнопка “Разделы”. После этого при нажатии на кнопку “Добавить подраздел” откроется новая страница с настройками и полями данных для добавляемого раздела;
2. с помощью кнопки добавления в дереве разделов — новый раздел создается внутри активного раздела в начале списка;
3. с помощью пункта контекстного меню — необходимо нажать правую кнопку мыши на выделенном разделе и из появившегося контекстного меню выбрать пункт “Добавить подраздел”. Созданный раздел добавляется в начало списка. При необходимости его позицию можно изменить перетаскиванием или с помощью кнопок перемещения.

Способы добавления нового раздела

 

Страница добавления/редактирования раздела

Страница представлена несколькими вкладками:

1. “Общее” — на вкладке представлены общие настройки раздела, в том числе обязательные);
2. “Сопутствует” — выбираются товары, которым будет сопутствовать создаваемый/редактируемый раздел;
3. “Группа” — производится настройка значений полей группы “Раздел” для данного раздела, см. подробнее на странице … ;
4. “SEO” — производится настройка значений SEO-тегов, см. подробнее: Как правильно формировать SEO-теги для страниц интернет-магазина?

Вкладка “Общее”

На данной вкладке находятся следующие поля:

Код — уникальный идентификатор раздела.

Картинки — для раздела возможно добавление только одной пары картинок: иконка + большая картинка. Отображение данных картинок на сайте магазина зависит от  шаблона (в некоторых шаблонах может использоваться только одна картинка, даже если в админке добавлены обе).

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

Адрес страницы — наименование данной страницы, которое может содержать только латинские буквы, цифры, символы "_" и "-" и будет использовано при формировании url-адреса страницы данного раздела. Т.е. url данной страницы будет сформирован следующим образом: Адрес магазина/[Адрес страницы родительского раздела(ов)]/Адрес страницы Например: name.shop.by/category/category_child.html.

Полное название — выводится на странице раздела в качестве основного заголовка (чаще всего является содержимым тега H1 для данной страницы). Может использоваться в качестве содержимого метатега description в некоторых шаблонах.

Статус — от статуса зависит режим отображения раздела на страницах интернет-магазина. Возможны три статуса раздела:

1. Доступен — раздел отображается в интернет-магазине.
2. В резерве — раздел не отображается (все дочерние разделы также не будут доступны в интернет-магазине независимо от их статусов, если родительский раздел имеет статус В резерве).
3. Не активен — дополнительный статус (тип отображения зависит от шаблона магазина, чаще всего разделы с таким статусом также не отображаются в магазине. Однако в некоторых шаблонах возможно отображение в ином, отличительном от остальных виде (так называемые неактивные, заблокированные разделы)).

Каждому статусу раздела соответствует определенный цвет иконки:

1. Доступен — зеленый;
2. В резерве — красный;
3. Не активен — желтый.

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

 

Будьте внимательны при копировании текста с других интернет-ресурсов. В зависимости от браузера и способа копирования вместе с текстом возможно копирование и html-форматирования и стилей сторонних сайтов. В наших шаблонах предусмотрено определенное визуальное оформление текстового содержимого страниц, которое поддерживает стилевое единство всего интернет-магазина. Однако при вставке текста со сторонних ресурсов возможно наложение стилей этих ресурсов, что может привести к некорректному, нечитабельному отображению на страницах интернет-магазина или ошибке в формировании html-структуры страницы (некорректное копирование html-тегов со сторонних сайтов), в результате чего вся страница может иметь некорректный вид. Проверяйте вставляемое содержимое с помощью кнопки “Источник”. Рекомендуем вставлять только текстовое содержимое, а все необходимое форматирование проводить с помощью интерфейса html-редактора нашей системы администрирования (вставка таблиц, формирование списков, определение областей ссылок и пр.).

Вкладка “Общее”

Вкладка “Сопутствует”

На данной вкладке можно задать список товаров магазина, для которых данный раздел будет сопутствующим. Т.е. на страницах этих товаров будет ссылка на данный раздел (в зависимости от шаблона это может быть блок “Обратите внимание”/ “Сопутствующие разделы” и др. в боковых колонках страницы). Вкладка содержит три основных блока:

1. слева — дерево разделов магазина;
2. справа — таблица с перечнем товаров для выделенного в дереве раздела;
3. внизу — итоговая таблица товаров магазина, для которых данный раздел будет сопутствующим.

Дерево разделов отображает категории со всеми статусами, а также всех уровней вложенности. По умолчанию оно свернуто. Развернуть вложенные разделы можно с помощью стрелок слева от иконки раздела. Название активного раздела выделено желтым цветом. Справа отображается список товаров именно активного раздела. При переключении активного раздела таблица товаров справа обновляется. Таким образом можно получить доступ к любому товару из любого раздела магазина. Чтобы выбрать товар необходимо выделить чекбокс или кликнуть по названию товара в таблице. Выделенный товар появится в нижней результирующей таблице. Для выбора всех товаров активного раздела достаточно выделить чекбокс в заголовке правой таблицы. Результирующая таблица представляет собой список всех товаров из всех разделов магазина, для которых создаваемый/редактируемый раздел будет сопутствующим. В колонке “Краткое название” отображается название каждого товара. В колонке “Путь” — путь, по которому данный товар размещается в магазине. Обратите внимание: один и тот же товар может быть размещен в нескольких разделах одновременно, при этом всегда есть один основной раздел. Именно он будет отображаться в качестве пути к товару, независимо от того, из какого из разделов этот товар был добавлен в результирующую таблицу. В колонке “Управление” находится кнопка удаления товара из результирующей таблицы: добавляемый/редактируемый раздел не будет сопутствующим для удаленного товара, однако сам товар в каталоге магазина останется. После того как в результирующую таблицу будут добавлены все товары, для которых создаваемый/редактируемый раздел должен быть сопутствующим, нажмите на кнопку “Сохранить”.

Вкладка “Сопутствует”

Вкладка “Группа”

Любой раздел всегда связан с группой “Раздел” (имя группы может быть изменено, однако данная группа для всех разделов всегда назначена по умолчанию и создать/назначить другую нельзя). Эта группа может иметь настраиваемый набор полей, значения которых для каждого раздела настраиваются индивидуально. Данная вкладка может быть пустой, если у группы “Раздел” не создано ни одного поля. Для добавления полей на вкладку “Группа” необходимо сначала настроить поля группы “Раздел”: “Управление разделами и товарами” - вкладка “Группы” над деревом каталога —  группа “Раздел” —  пункт меню “Редактирование” из контекстного меню ). Если у группы “Раздел” ранее уже были созданы какие-либо поля, то на вкладке “Группа” создаваемого/редактируемого раздела будут отображаться названия этих полей с возможностью ввода или выбора значений этих полей для данного конкретного раздела (тип ввода или выбора зависит от типа созданного поля). Все поля являются необязательными для заполнения, однако если они заполнены, то осуществляется проверка соответствия введенных данных с типом поля (смотрите справку по созданию полей групп).

Вкладка “SEO”

Вкладка содержит ряд очень важных с точки зрения поисковой оптимизации раздела полей:

Заголовок (Title) —  выводится в теге title и в браузере отображается в качестве названия вкладки данной web-страницы. Заголовок должен быть кратким, но давать представление пользователям о том, какие товары или вложенные подразделы размещены в данном разделе.

Ключевые слова (Keywords) — в поле необходимо перечислить, через запятую, ключевые слова, характеризующие содержимое данной страницы. Выводятся в метатеге keywords. Рекомендуем заполнить, т.к. метатег keywords используется поисковыми системами.

Краткое описание (Description) — поле должно содержать краткое описание данной страницы. Его содержимое выводится в метатеге description. Рекомендуем заполнить, т.к. метатег description используется поисковыми системами.

Смотрите подробнее: Как правильно формировать SEO-теги для страниц интернет-магазина?

 

Перемещение раздела

Раздел или подраздел можно переместить с помощью кнопок, контекстного меню или с помощью мыши.

С помощью кнопок над деревом разделов возможно перемещение раздела в рамках списка одного уровня:

1. перемещение на первую позицию списка;
2. перемещение на одну позицию вверх;
3. перемещение на одну позицию вниз;
4. перемещение на последнюю позицию списка.

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

Перемещение разделов с помощью кнопок

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

Перемещение разделов с помощью мыши

 

Редактирование раздела

Редактирование любого поля на странице редактирования раздела

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

1. с помощью кнопки над деревом разделов;
2. с помощью пункта контекстного меню;
3. с помощью элемента управления в таблице разделов.

Способы редактирования раздела

Редактирование раздела с помощью кнопки над деревом разделов

Выделить в дереве необходимый раздел и нажать кнопку «Редактировать».

Редактирование раздела с помощью пункта контекстного меню

Выделить в дереве необходимый раздел. Вызвать контекстное меню. Выбрать пункт “Редактировать”.

Редактирование раздела с помощью элемента управления в таблице разделов

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

Быстрое редактирование раздела

Также возможно быстрое редактирование некоторых полей:

1. Быстрое редактирование названия раздела (в самом дереве разделов, в таблице разделов).
2. Быстрое редактирование кода раздела.
3. Быстрое редактирование статуса раздела.

Быстрое редактирование названия раздела

Редактирование названия раздела в дереве

Выделить нужный раздел в дереве разделов. Выбрать пункт “Переименовать” из контекстного меню. Название раздела в дереве станет редактируемым полем. Внести необходимые изменения и нажать Ok.

Редактирование названия раздела в таблице

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

Быстрое редактирование кода раздела

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

Быстрое редактирование статуса раздела

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

 

Смотрите также: Как создать и редактировать разделы каталога интернет-магазина в приложении WinShop?