View Categories

Якорное меню

1 min read

Оглавление

Для того, чтобы облегчить навигацию на длинных посадочных страницах, лендингах, в наборе блоков One Platform есть возможность собрать якорное меню и разметить автоматически якорями страницу. Данный этаж работает в связке с этажем «Якорный блок».

Для добавления этажа на страницу, необходимо выбрать его в общем списке этажей платформы. Найти его можно, отфильтровав список по ключевому слову «якорное» на вкладке «Разводящие блоки»:

И потянув за точки перетащите в необходимое место на странице:

В настройках этажа мы можем поставить кнопку, которая будет отрабатывать необходимы нам сценарий:

У кнопки мы можем задать заголовок, ссылку или ID формы для открытия формы обратной связи в pop-up окне, и задать визуальное оформление в рамках цветовой схемы вашего сайта.

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

Для того, чтобы кнопки в меню отрабатывали переход к определенным частям страницы, нам нужно добавить перед необходимыми блоками «Якорный блок».

Якорный блок #

Для добавления этажа на страницу, необходимо выбрать его в общем списке этажей платформы. Найти его можно, отфильтровав список по ключевому слову «якорный» на вкладке «Контентные блоки»:

Этажей «Якорный блок» нам на странице понадобится ровно столько, сколько нужно будет пунктов в меню. Их мы перетаскиваем в место, к которому нас должна отбрасывать кнопка.

В настройках этажа, для того, чтобы в якорном меню появилась подписанная кнопка, мы заполняем «Название для якорного меню»:

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

Так же, при необходимости, мы можем в якорный блок добавить заголовок (с возможность выбрать тег) и текст, который будем выводиться перед блоком, на который данный якорь установлен.

Для более плавной прокрутки к якорному этажу используйте этаж «Плавная прокрутка»:

Данный этаж размещается вместе с якорным меню и якорными этажами. Один раз на страницу.