Главная страница Wix
Начать

Редактор Studio: управление выпадающими списками в меню

4 мин. чтения
Выпадающие списки - это пункты меню, которые работают как подменю и контейнеры. Вы можете добавлять пункты и подпункты, чтобы посетители могли найти именно то, что им нужно, и прикреплять элементы, чтобы обеспечить действительно индивидуальный опыт на сайте вашего клиента.
Прежде чем начать:
Выпадающие списки можно добавить только к новым меню в редакторе Studio. Если у вас предыдущий интерфейс меню, вы можете создавать подменю и добавлять выпадающие меню.
Содержание:

Добавление пунктов в выпадающее меню

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

Чтобы добавить пункты меню в выпадающий список:

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

Добавление подпунктов в выпадающий список

Подпункты — это отличный способ организовать последующий или связанный контент в раскрывающемся меню, чтобы посетителям было еще проще найти то, что им нужно. 
Например, выпадающий список «Магазин» может содержать пункт «Обувь». Затем вы можете добавить «Сапоги» и «Кеды» в качестве подпунктов.

Чтобы создать пункты подменю в выпадающем списке:

  1. Выберите соответствующее меню в редакторе.
  2. Нажмите Управлять меню.
  3. (Необязательно) Добавьте новый пункт в меню:
    1. Нажмите + Добавить пункт.
    2. Выберите тип пункта, который хотите добавить, и настройте его.
    3. Переименуйте пункт меню.
  4. Переместите пункт в выпадающий список.
  5. Перетащите пункт, чтобы переместить его под соответствующий «родительский» элемент в выпадающем списке.
  6. Наведите курсор на подпункт и нажмите значок Другие действия 
  7. Выберите Переместить в «Название пункта».
Панель управления меню. Курсор нажимает, чтобы переместить пункт кедов под пункт обуви.

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

Вы всегда можете настроить существующие пункты и подпункты в выпадающем меню. Удалите неактуальные, переименуйте или измените порядок контента для поддержания его актуальности.  

Чтобы настроить пункты выпадающего меню:

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

Добавление элементов в контейнер выпадающего списка

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

Чтобы добавить элементы в выпадающий список:

  1. Выберите соответствующее меню в редакторе.
  2. Нажмите Управлять меню.
  3. Наведите курсор на выпадающий список.
  4. Нажмите Редактировать, чтобы открыть контейнер выпадающего списка.
  5. Нажмите Добавить элементы  слева в редакторе.
  6. Нажмите и перетащите элементы, которые вы хотите добавить в контейнер.
Открыта панель добавления элементов. Курсор нажимает на кнопку-значок, чтобы добавить ее в контейнер выпадающего списка.
Панель управления меню. Пункт перетаскивается под раскрывающийся список магазина.
Панель управления меню. Курсор нажимает, чтобы переместить пункт кедов под пункт обуви.
Панель управления меню. Для открыто меню других действий пункта с доступными вариантами.
Открыта панель добавления элементов. Курсор нажимает на кнопку-значок, чтобы добавить ее в контейнер выпадающего списка.