2. Навигация на странице

Содержание:

  1. Как добавить меню
  2. Как добавить мобильное меню
  3. Настройка ссылки на другой сайт или страницу
  4. Настройка якоря (Прокрутка к секции/виджету)
  5. Быстрые ссылки

Настройки меню

С помощью секции “Меню” можно организовать навигацию между страницами, или в рамках одной страницы.

Чтобы добавить меню нужно нажать на иконку секции “Меню” в списке секций.

Oct-13-2017 09-50-41

Если мы хотим установить меню на уже созданную секцию, то можем использовать виджет “Меню”.
Для установки виджета, необходимо его перенести на нужную секцию.

Oct-13-2017 09-54-05

 

Как добавить мобильное меню?

Для настройки мобильного меню, нужно перенести его в секцию на страницу, нажав на “Меню” в панели виджетов:

Oct-13-2017 10-40-45

В настройках мобильного меню (Капля) скрыть отображение на всех устройствах, кроме мобильного:

Oct-13-2017 10-52-25

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

Oct-13-2017 10-54-57

Мобильное меню готово:

Oct-13-2017 10-45-50

 

 

Настройка ссылки на другой сайт или страницу

В настройках кнопки (Гаечный ключ), в вкладке “Действие” нужно выбрать “Открыть страницу” или “Открыть страницу в новой вкладке”.

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

Важно! Перед адресом сайта обязательно писать http:// или https:// – если вы активировали функцию HTTPS (SSL).

Например:   http://yandex.ru/ или http://knopkasformoi.plp7.ru

2017-10-13_1002

 

Настройка якоря (Прокрутка к секции/виджету)

Шаг 1. В настройках виджета “Кнопка” или “Меню” ( гаечный ключ ) выберите Действие – “Открыть страницу“. В ссылке кнопки прописываем имя якоря с решеткой в начале, например, #tovar ( вместо tovar доступно любое сочетание русских/английских букв и цифр без использования пробелов)

Oct-13-2017 10-10-13

Шаг 2. Установим название якоря tovar в “Стиль секции” секции или виджета, на вкладку параметры.

Oct-13-2017 10-13-10

Настройка якоря готова.

Опубликуем нашу страницу.

Теперь при нажатии кнопки, экран будет плавно перемещаться к заданной секции.

Oct-13-2017 10-15-34

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

Например:
1 якорь – в настройках кнопки: #tovar
В настройках стиля секции: tovar

2 якорь – в настройках кнопки: #blok1
В настройках стиля секции: blok1

3 якорь – в настройках кнопки: #id1
В настройках стиля секции: id1

Быстрые ссылки

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

Oct-13-2017 10-13-10

Установим название якоря shop в “Стиль секции” секции или виджета, на вкладку параметры.

Осталось добавить название установленного якоря (shop) к вашей ссылке сайта.

Например: http://ВашСайт.ru/#shop

где #shop – название установленного якоря в секции.

Готово! Быстрая ссылка создана.

 

Была ли эта статья полезна?

Похожие статьи