Купить Корзина
Логотип REG.RU
  • Вход
    • Помощь
  • Помощь
  • Конструктор и CMS
  • REG.Site
  • Работа с модулями REG.Site
  • Как сделать хлебные крошки в REG.Site

Как сделать хлебные крошки в REG.Site

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

Пример хлебных крошек на сайте REG.RU:

Как сделать хлебные крошки в REG.Site 1

В REG.Site для создания хлебных крошек есть специальный модуль. В этой статье мы сделаем небольшой обзор его возможностей.

Как добавить модуль на сайт

  1. 1.
    Войдите в режим редактирования сайта.
  2. 2.
    Выберите строку, в которую хотите добавить модуль.
  3. 3.
    Нажмите на серый плюс.
  4. 4.

    Выберите нужный модуль:

    Как сделать хлебные крошки в REG.Site

Готово, теперь можете переходить к настройкам внешнего вида текста.

Работа с модулем «Хлебные крошки»

Настройка внешнего вида модуля разделена на три вкладки «Контент», «Дизайн», «Дополнительно».

Контент

В блоке «Хлебные крошки» настраивается:

  • Название главной страницы. Чтобы его настроить, в параметре Показывать собственный элемент главная переведите переключатель в положение ДА. В появившемся поле введите название, которым должна обозначаться главная страница.

  • Иконка рядом со ссылкой на домашнюю страницу. Для этого в поле Показывать домашнюю иконку переведите переключатель в положение ДА. Выберите иконку из предложенного списка.

Как сделать хлебные крошки в REG.Site 2

  • Иконка разделителя. Чтобы её настроить, в параметре Иконка собственного разделителя переведите переключатель в положение ДА. Выберите иконку из предложенного списка.

Как сделать хлебные крошки в REG.Site 3

В этой же вкладке можно настроить фон (однотонный или градиент) для всего модуля.

Дизайн

В блоке «Выравнивание» настраивается положение модуля на странице: слева, по центру или справа.

В блоке «Элементы» настраивается внешний вид ссылки на домашнюю страницу. Здесь настраивается:

  • цвет и размер фона вокруг элемента,
  • шрифт, цвет, размер, межбуквенный интервал, тень текста,
  • цвет, размер рамки элемента.

Как сделать хлебные крошки в REG.Site 4

В блоке «На домашнюю иконка» настраивается цвет и размер иконки рядом со ссылкой на главную страницу:

Как сделать хлебные крошки в REG.Site 5

В блоке «Разделители» настраивается внешний вид разделителя/стрелки, а именно:

  • цвет и размер фона вокруг элемента,
  • цвет, положение и размер иконки,
  • цвет, размер рамки элемента.

Как сделать хлебные крошки в REG.Site 6

В блоке «Текущая» настраивается внешний вид ссылки на текущую страницу. Можно настроить:

  • цвет и размер фона вокруг текста,
  • шрифт, цвет, размер, межбуквенный интервал, тень текста,
  • цвет, размер рамки элемента.

Как сделать хлебные крошки в REG.Site 7

С помощью блоков «Размеры» и ​​«Отступы» настраивается размер всего модуля и его положение на странице. В блоке «Границы» можно настроить рамку для всего модуля. В блоке «Анимация» настраиваются параметры появления модуля на странице (с затемнением, отскок, слайдер и др.).

Дополнительно

Эта вкладка предназначена для опытных пользователей, которые умеют работать с CSS и HTML. Также здесь можно настроить видимость всего элемента на разных устройствах, например, модуль будет отображаться только на компьютерной версии сайта. Как посмотреть внешний вид сайт на разных устройствах, описано в статье.

Если у вас установлен плагин Woocommerce, сделать хлебные крошки можно с помощью модуля «Woo Навигация», но модуль «Хлебные крошки» удобнее и имеет больше возможностей настройки.

Помогла ли вам статья?
ДаНет
раз уже помогла

Спасибо за оценку!
Как мы можем улучшить статью?

Нужна помощь?
Напишите в службу поддержки!

REG.RU
  • О компании
  • Контакты и офисы
  • Новости
  • Карьера в REG.RU
  • Руководство
  • Отзывы клиентов
Услуги
  • Стоимость услуг
  • Хостинг
  • Зарегистрировать домен
  • Конструктор и CMS
  • Создать сайт в REG.Site
  • VPS
  • Серверы и ДЦ
  • SSL-сертификат
Партнёрам
  • Партнёрские программы
  • Профессионалам IT
  • Бонусная программа
  • REG.API
  • Промоматериалы
Полезное
  • Акции и скидки
  • Мероприятия
  • Юридическим лицам
  • ЭДО
  • Whois
Помощь
  • База знаний
  • Вопросы и ответы
  • Шаблоны заявлений
  • Оставить отзыв, предложение
  • Сообщить о нарушении

+7 (495) 580-11-11

Телефон в Москве

8 800 555-34-78

Бесплатный звонок по России

           

Нашли опечатку?
Выделите и нажмите Ctrl+Enter

  • mastercard
  • visa
  • mir
  • sberbank
  • qiwi
  • yamoney
  • sbp
Все способы оплаты
© ООО «Регистратор доменных имен РЕГ.РУ» Правила пользования сайтомПолитика обработки персональных данных
Award
shop.reg.ru Магазин доменов
statonline.ru Доменная статистика
reg.ru/blog Мы пишем
  • Мы используем файлы cookie. Продолжив работу с сайтом, вы соглашаетесь с Политикой обработки персональных данных и Правилами пользования сайтом.