Добавления категорий ВуКоммерс в меню сайта

Как добавить категорию товаров WooCommerce в меню сайта?

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

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

Классический шаблон сайта

Находясь на сайте с правами администратора, вы должны видеть в разделе с названием сайта в выпадающем меню ссылку Меню

В выпадающем меню ссылку Меню

А если вы находитесь непосредственно в панели управления, то этот раздел должен находиться во Внешний вид

Внешний вид

Если вы не видите этого раздела, то вероятнее всего у вас установлена «блочная тема» оформления дизайна сайта и вам следует перейти к этому разделу.

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

меню отсутствует

В этом случае:

  1. дайте название вашему меню
  2. Отметьте область отображения на сайте (в разных темах эти области разные)
  3. Создайте меню
  4. Наполните его ссылками из раздела Элементов меню

И первая неприятность нас подстерегает вот в чём. По умолчанию добавления ссылок категорий товаров скрыты и вы их можете не увидеть в блоке элементов меню.

Нам необходимо их включить. Для этого откроем раздел в верхней правой части экрана Настройки экрана и отметим чекбокс Категории товаров, тем самым включив его в раздел элементов меню

Теперь категории товаров будут доступны нам в разделе конструктора элементов меню

Категории товаров в меню

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

Не забудьте сохранить изменения 🙂

Теперь на лицевой (публичной) части сайта вы увидите созданное меню и добавленные в него ссылки:

Добавления категорий ВуКоммерс в меню сайта

Блочная тема оформления

Если вы используете блочную тему оформления, то в верхней части сайта вы должны видеть ссылку Редактировать сайт

Редактировать сайт

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

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

редактирование

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

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

Нас интересует Навигация и её список страниц. Выделите Список страниц. Он должен подсвечиваться примерно так. Это говорит что вы выделили Списки страниц (элементов) нужного меню

Далее нажимаем Изменить. Есть вероятность получить подобное уведомление:

уведомление

Этот список страниц синхронизируется с опубликованными страницами на вашем сайте. Отсоедините список страниц, чтобы самостоятельно добавлять, удалять или изменять порядок страниц.

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

Убедитесь, что в режиме редактирования Навигации у вас включена справа область нужного Блока, как в примере ниже:

Редактор Навигации

Теперь мы можем создавать новые ссылки для нашего меню. Нажмите на «плюсик» и при помощи поиска отыщите Категории.

Начните писать название… Вы увидите Блок для построения ссылок из категорий ваших товаров

Поиск категорий

Добавляем и выбираем нужную категорию

Выбрать категорию

Добавляем нужные ссылки:

А также мы можем управлять их вложенностью:

А на публичной части сайта мы получим следующий результат:

Из Панели управления

А из панели управления в разделе Внешний вид будет аналогичная ссылка, правда с другим названием — Редактор:

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

Далее переходим в её (навигации) редактирование

Автор

Evgeni

Веб-разработчик, фрилансер и фанат WordPress с 2012 года. На этом сайте делюсь заметками для начинающих по разработке на WordPress. Надеюсь увидеть вас в числе своих подписчиков.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *