Курсы обучения
+7 (351) 777-80-70
2021.08.12

Якорное оглавление статьи - Линейка решений INTEC: Universe

В компоненте есть возможность вывести фиксированный блок с тегами для оглавления статьи - якорное оглавление.

Для этого необходимо перейти в настройки компонента - «Настройки детального просмотра» и включить параметр «Детальная страница. Создавать якорное оглавление из детального текста в фиксированной шапке»:

 

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

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

Указываем, необходима ли нумерация тегов.

 

Важно:

  • Если задать расположение оглавлению «По умолчанию» при включенной фиксированной шапке, то оно будет перекрыто шапкой.
  • Если задать расположение оглавлению «В фиксированной шапке» при отключенной фиксированной шапке, то оглавление не выведется на экран.
  • Оглавление не отображается в мобильной версии.
  • У каждого тега заголовка обязательно должен быть атрибут id.

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

 

В результате получим:

  • «Детальная страница. Якорное оглавление. Положение на странице»: По умолчанию (всплывающий блок)



  • «Детальная страница. Якорное оглавление. Положение на странице»: В фиксированной шапке

 

Теперь при нажатии на пункт оглавления страница прокрутится до нужного заголовка.

 

Наши решения