← Help Center

Навігація, футер і hero-блок сайту

Три блоки, які має майже кожна сторінка: шапка з меню (Navigation), підвал сайту (Footer) і банер-заставка (Hero) — 7 готових варіантів.

Ці три блоки не пов'язані з магазином — вони потрібні будь-якому сайту, від лендингу до багатосторінкового порталу. Для магазину є свій аналог шапки — див. Блоки магазину → Shop Navbar. Навігація і футер сайту

Navigation — шапка з меню

  • Site Name / Brand і Logo URL (порожньо — показується назва текстом);
  • Show site name next to logo — показувати назву поруч із лого чи лише лого;
  • Menu links: From page tree (auto) — пункти меню будуються самі зі сторінок сайту (найпростіше — не забудеться оновити при додаванні сторінки), або Manual list — власний перелік пунктів із довільними посиланнями;
  • Navigation Links (якщо обрано Manual list) — список пар "текст / URL"; пункт може мати вкладені підпункти (одна вкладеність) — випадає при наведенні;
  • Show language switcher — перемикач мов для багатомовного сайту;
  • CTA text / CTA URL — кнопка-заклик у шапці (наприклад "Замовити дзвінок");
  • Sticky — шапка залишається видимою при прокрутці;
  • Scroll progress bar — тонка смужка прогресу прочитання сторінки під шапкою;
  • кольори фону й тексту.

Footer — підвал сайту

  • Brand Name, Tagline (короткий опис під назвою), Logo URL, Show site name;
  • Link Columns — кілька колонок посилань, кожна зі своїм заголовком (наприклад "Компанія", "Підтримка");
  • Social Media — іконки соцмереж (Facebook, Instagram, LinkedIn, X/Twitter, YouTube, Telegram, TikTok) з посиланнями;
  • Copyright Text — порожньо = автоматичний рядок з поточним роком;
  • кольори фону й тексту.

Hero — банер-заставка

Головна відмінність від Shop Hero (магазинного варіанту) — 7 готових варіантів компонування: | Варіант | Опис | |---|---| | Classic (image right) | Класика: текст ліворуч, фото праворуч | | Classic (image below) | Текст по центру, фото знизу | | Split (50/50) | Точний поділ навпіл | | Full-bleed | Фото на весь екран, текст поверх | | Typographic | Без фото, великий текст | | Editorial | Асиметрична "журнальна" сітка | | Minimal | Вузька центрована колонка | Інші поля: Title, Subtitle, основна й другорядна кнопки заклику (текст+URL кожна), Image (через медіатеку), Image display — фото збоку/знизу як декор, або як фон на весь блок; Image Overlay Darkness — затемнення фото під текстом (0–1); Badge / Overline Text — короткий підпис над заголовком; можна замінити фото на відеофон (посилання на .mp4).

Читайте далі