Настройка структуры меню интернет-магазина

Настройка структуры меню интернет-магазина

Чтобы вывести на сайте категории и товары, контактную или информацию о доставке и пр. необходимо предварительно создать Меню с соответствующими пунктами, а затем опубликовать его через специальный модуль. О том, как создать и настроить структуру меню в интернет-магазинах на платформе eShop-CMS, мы и рассмотрим в данной статье.

Начнем с того, что структура интернет-магазина состоит из нескольких разных групп Меню:

  • Главное меню Каталога
  • Внутреннее Меню каталога
  • Меню с Информационными разделами
  • Дополнительные Меню

Главное меню Каталога

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

Каталог – самая важная составляющая в структуре меню любого интернет-магазина. В нашем случае, меню каталога является Главным – выводится в основной навигационной части интернет-магазина, может быть горизонтальным или вертикальным (в зависимости от версии готового решения).

Горизонтальное меню интернет-магазина
Пример горизонтального меню. Реализовано на версиях: demo1, demo3, demo4, demo6.
Вертикальное меню интернет-магазина
Пример вертикального меню. Реализовано на версиях: demo2, demo7.

Чтобы понять, как строится меню в административной части сайта, заходим в «админку» под своими логином и паролем. Далее, выбираем Меню -> Менеджер меню:

Менеджер меню

Открывается таблица всех созданных на нашем сайте меню, состоящая из следующих элементов:

Таблица меню
  • Заголовок. Название меню, является ссылкой на входящие в него пункты. Можно сортировать таблицу по Заголовку.
  • Опубликованных. Показывает количество опубликованных пунктов меню.
  • Неопубликованных. Показывает количество неопубликованных пунктов.
  • В корзине. Показывает удаленные пункты меню.
  • Модули, связанные с данным меню. Показывает в каком модуле и в какой позиции шаблона выводится меню. Есть возможность быстрого редактирования параметров привязанного модуля.
  • ID. Уникальный идентификатор меню в системе.

Находим в таблице группу меню со словом Каталог.

Описанную ниже реализацию меню можно встретить на готовых решениях № 3, 4, 6, 7. В других версиях настройки незначительно отличаются.

Как видно из предыдущего скриншота, у нас есть 2 меню с таким словом: Структура каталога и Каталог-товаров.

Меню «Структура каталога» создано это для того, чтобы искусственно «вложить» все страницы каталога, включая товары, в директорию catalog в адресах страниц (www.site.ru/catalog/phone). Для чего нужна эта директория мы расскажем в отдельной статье.

Кликнем по заголовку меню «Структура каталога» и посмотрим на входящие в него пункты, а также на структуру их вложенности:

Меню Структура каталога

Родительским (верхним) является лишь один искусственно созданный пункт с типом «Разделитель», имеющий Алиас: catalog. Все остальные пункты – с типом «Категория товара», являются дочерними. Если мы опубликуем данное меню на сайте в позицию Главного меню, то получим лишь один пункт с названием «Каталог товаров», все остальные будут скрыты, т.к. являются дочерними. Но, если у нас предполагается вывод меню в горизонтальном виде, такой вариант нам не подходит. Поэтому, было создано 2-ое меню – «Каталог-товаров».

Меню «Каталог-товаров» состоит из псевдонимов – ссылок на уже существующие пункты меню «Структура-Каталога». Структура пунктов построена так, что первым уровнем идут нужные нам ссылки на страницы категорий:

Меню Каталог-товаров

Именно это меню и опубликовано на сайте в позиции Главного меню.

В готовых решениях № 1, 2, 3, 4 меню публикуется через настройки шаблона. В версиях № 6, 7 – через модуль меню. Дополнительных настроек там не требуется, поэтому, ничего не меняем, а переходим сразу к настройке пунктов меню.

Как редактировать пункты меню каталога

Для начала редактируем пункты в меню «Структура каталога». Кликаем по названию пункта и видим следующую картину:

Редактируем пункты в меню Структура каталога

Среди всего множества параметров, нас интересуют следующие:

  • Заголовок меню. Название пункта меню, которое будет выводиться на сайте. Указываем нужное нам. Старайтесь не делать заголовки верхних уровней длиннее 1-2 слов.
  • Алиас. ЧПУ-адрес страницы. Генерируется системой автоматически, переводя заголовок в транслит. Если меняем Заголовок – стираем Алиас, новый появится после сохранения.
  • Тип пункта меню. Оставляем без изменений (должно быть выбрано «Категория»).
  • Выберите категорию. Из выпадающего списка выбираем категорию товаров, которая будет выводиться на странице данного пункта меню.
  • Родительский элемент. Если редактируемый пункт меню является дочерним, в данном поле должен быть выбран родительский элемент. В нашем случае, родительским является «Каталог товаров», оставляем его без изменений как есть.

После внесения изменений жмем сверху зеленую кнопку «Сохранить».

Переходим в меню «Каталог-товаров», находим тот же пункт меню и открываем его на редактирование:

Редактируем пункт в меню Каталог товаров
  • Заголовок меню. Указываем тот же, что указали в пункте меню «Структура каталога».
  • Алиас. Можно оставить без изменений, на сайте выведется из меню «Структура каталога».
  • Тип пункта меню. Должно быть выбрано «Псевдоним пункта меню», оставляем без изменений.
  • Пункт меню. Должен быть выбран одноименный пункт из меню «Структура каталога».
  • Родительский элемент. Вложенность относительно данного меню. Если редактируемый пункт является верхним уровнем, оставляем «Корневой пункт меню», в другом случае надо выбрать родительский.

После изменений нажимаем сверху зеленую кнопку «Сохранить». Переходим на сайт и проверяем сделанные изменения.

Ненужные пункты меню можно снять с публикации (отмечаем их галочкой и жмем сверху кнопку «Снять с публикации»), либо удалить (отметить и нажать сверху «В корзину») – пункты будут сняты с публикации и перемещены в корзину.

Как создать новые пункты меню каталога

Для создания новых пунктов, заходим в меню «Структура каталога» и нажимаем сверху зеленую кнопку «Создать»:

Создаем пункт меню

В открывшейся форме заполняем «Заголовок меню», выбираем «Тип пункта меню» VirtueMart -> Категория, выбираем из выпадающего списка нужную Категорию, выбираем нужный нам «Родительский элемент». Другие параметры оставляем как есть, жмем сверху «Сохранить»:

Выбираем тип пункта VirtueMart - Категория

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

Выбираем тип пункта Псевдоним

Внутреннее Меню каталога

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

Внутреннее Меню каталога

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

За вывод такого меню на сайте отвечает стандартный модуль Меню, в настройках которого выбрано отображаемое меню, позиция шаблона и страницы к которым он привязан:

Модуль меню

Меню с Информационными разделами

Для таких страниц интернет-магазина, как: О компании, Доставка и оплата, Акции, Контакты, Блог и т.п. необходимо создавать отдельное меню с информационными разделами.

Меню с Информационными разделами

В менеджере меню оно может обозначаться как «Верхнее меню»:

Верхнее меню

Типы входящих в него пунктов: Материал, Блог категории материалов, компонент Контакты. Таким образом, прежде чем создать пункт меню, надо добавить необходимые Материалы, Категории материалов и Контакт через соответствующие разделы в панели администратора.

Для редактирования открываем пункт меню. В открывшейся форме можно менять «Заголовок меню», изменить «Тип пункта меню» (при необходимости), сменить или отредактировать выбранный Материал. На вкладке «Параметры страницы» можно изменить заголовки title (отображается в браузере) и h1 (основной заголовок страницы):

Редактируем пункт информационного меню

Вывод на сайте осуществляется через стандартный модуль меню:

Модуль верхнего меню

Дополнительные Меню

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

Например, страницы с правовой информацией. С сайта на них есть ссылки лишь из футера (подвала). Реализованы они через дополнительное меню «Правовая информация». Типы пунктов – Материалы с текстовым содержимым. Пункты редактируются аналогично выше рассмотренному меню с информационными разделами. Вывод на сайте осуществляется стандартным модулем меню в нужной нам позиции.

Другой пример – меню, которые никак не выводятся на сайте: «Главная страница» и «Скрытое меню».

Меню «Главная страница» с одним пунктом «Главная» – нужно чтобы не делать лишний пункт в верхнем меню (он там не нужен, ведь на Главную есть ссылка с логотипа или из навигационной цепочки). Это меню нигде на сайте не выводится, но такой пункт существует.

В настройках пункта Главная допускается изменение одного единственного параметра: Параметры страницы -> Заголовок страницы в браузере – title Главной страницы интернет-магазина.

«Скрытое меню» – содержит пункты с Корзиной, результатами Поиска и Фильтра. Ссылок на данное меню также нет, но страницы такие есть. Скрытые меню являются системно-значимыми, в дополнительных настройках не нуждаются. Удалять или изменять их крайне не рекомендуется!

На этом все, мы разобрали различные виды меню, которые могут существовать в готовых интернет-магазинах на платформе eShop-CMS, а также рассмотрели способы их настройки.

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

Также, мы можем настроить эффективно Контекстную рекламу и сделать комплексное SEO продвижение вашего сайта.

Скидки

  • Скидка 20% на готовые интернет-магазины при одновременном заказе Настройки контекстной рекламы.
  • Скидка 30% на готовые интернет-магазины при одновременном заказе SEO продвижения.
  • Скидка 50% на первый месяц работы по SEO продвижению, при одновременном заказе любого из сайтов.
Готовый интернет-магазин за 1 день
x

Ваш запрос принят! Проверьте свой почтовый ящик.

Присоединяйтесь к нам в соц.сетях: