Панель управління
Дизайн
Налаштування макета

Налаштування макета Хедера та Футера

Хедер та Футер є ключовими елементами дизайну сайту, які відображають основну інформацію про компанію, меню навігації, логотип і контактні дані. TOM дозволяє налаштовувати ці елементи під власні потреби.

Налаштування включає:

  • Розміщення логотипа магазину.
  • Налаштування головного меню навігації.
  • Додавання контактної інформації, посилань на соціальні мережі у Футері та Хедері.
  • Вибір колірної гами Хедера та Футера.

Налаштування макету Хедера

Розділ Хедер дозволяє налаштувати зовнішній вигляд, поведінку та адаптивність верхньої частини сайту (шапки), яка відображається на всіх сторінках інтернет-магазину.

Огляд налаштування Хедера
1
2
3
4
5
6
  1. Варіант макету
    Визначає структуру, щільність, набір елементів та логіку їх відображення у хедері інтернет-магазину. Зміна цього параметра впливає не лише на зовнішній вигляд, а й на зручність навігації для різних типів магазинів:

    • Маркетплейс - класичний варіант для багатотоварних магазинів.
    • Магазин одягу - оптимізований варіант макету для відображення категорій у переліку та фільтрів товарів одягу.
    • Маркетплейс компакт - спрощений і компактний хедер з мінімальною висотою інформативної частини.
  2. Стиль нижнього хедера
    Визначає візуальний стиль нижньої частини хедера:

    • Колір теми - використовує основний колір теми сайту.
    • Ефект скла - напівпрозорий фон з ефектом «blur».
  3. Розмір тексту для промо заголовку
    Налаштовує розмір тексту промо-заголовків у хедері (наприклад, рекламні повідомлення).

  4. Відступ верхнього хедера
    Керує вертикальними відступами верхньої частини хедера:

    • Стандартний відступ - класичний розмір із достатнім вільним місцем.
    • Компактний відступ - зменшена висота для більш щільного дизайну.
  5. Прилипання (Sticky Header)
    Визначає поведінку хедера під час прокручування сторінки:

    • З прилипанням - хедер залишається зафіксованим у верхній частині екрана.
    • Без прилипання - хедер прокручується разом зі сторінкою.
  6. Макет верхнього хедера
    Визначає, які елементи відображаються у верхньому рядку хедера:

    • Стандартний - відображає логотип, контакти, додаткові елементи.
    • Тільки інформація - відображає лише інформаційні блоки (наприклад, контакти та посилання); логотип не відображається.

Документація користувача: Torgsoft Online Market