Перейти к основному контенту

Как сделать якорную ссылку в REG.Site

Якорная ссылка ― это ссылка, которая ведёт не на другую страницу, а на определённый элемент на этой же странице. Когда страница или лендинг слишком длинные, иногда необходимо дать ссылку на конкретный раздел, чтобы не заставлять пользователя бродить в поисках нужной информации. Для этой функции в REG.Site есть специальный инструмент.

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

Чтобы сделать якорную ссылку:

  1. Откройте настройки модуля, строки или раздела (в зависимости от того, куда должна вести ссылка). В нашем примере мы открываем настройки строки, где расположены карточки с популярными товарами. Как сделать якорную ссылку 1
  2. Перейдите в ДополнительноID и классы CSS
  3. В поле ID элемента введите любое название ссылки на латинице. Например, мы назвали ссылку «top».
  4. Нажмите на галочку: Как сделать якорную ссылку 2
  5. Сохраните изменения.
  6. Перейдите в настройки элемента, куда нужно вставить ссылку. В нашем примере на каталог популярных товаров должна вести кнопка на баннере.
  7. Перейдите в поле, где настраивается ссылка. В основном оно находится во вкладке Контент.
  8. Вид ссылки зависит от того, где находится якорь. Если вам нужно дать ссылку на якорь, который находится на этой же странице, просто введите в поле #название_ссылки. В нашем случае мы вводим #top. Как сделать якорную ссылку 3

    Если вам нужно дать ссылку на якорь, который находится на другой странице, вводите весь путь якорной ссылки. Например, /shop/#top. Как сделать якорную ссылку 4

  9. Сохраните изменения.

Готово, теперь кнопка ведёт к каталогу с популярными товарами.

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 2 из 2