Перейти до основного контенту
Усі колекціїРедактор дизайну
Загальні налаштування дизайну
Загальні налаштування дизайну

Основні налаштування кольору та текстових елементів сайту

Оновлено цього тижня

Загальний візуальний стиль сайту налаштовується в Сайт → Дизайн → Редактор дизайну → Загальні налаштування.

В блоці Загальні налаштування зібрані параметри, які будуть впливати наскрізно на всі відповідні елементи на сайті, а саме:

  • Текст на фон сайту;

  • Стиль відображення посилань;

  • Стиль кнопок та полів форм на сайті;

  • Стиль блоків сайту;

  • Стиль навігації для переключення банерів;

  • Стиль певних елементів карти товару.

Зверніть увагу: для налаштувань кольору ви можете вказати значення кольору в форматі HEX, RGB, стандартну назву кольору англійською або обрати потрібний колір у візуальній палітрі.

В налаштуваннях визначений колір завжди відображається в форматі HEX.

Налаштування Текст та фон

В цьому розділі ви можете визначити основні налаштування для стилю фону та тексту на сайті.

Шрифт

  • Шрифт — вибрати для сайта один з 12 попередньо установлених шрифтів.

  • Основний текст — вибір кольору основного тексту сайта.

  • Додатковий текст — вибір кольору допоміжного тексту (підказки, назви характеристик тощо).

  • Стиль згорнутого тексту — візуальний стиль відображення згортання тексту, наприклад, в описі товару (лінія або градієнт).

Заголовки

  • Заголовки першого рівня (H1) — вибір кольору заголовків H1, наприклад, назва товару на сторінці товару, новини та ін.

  • Заголовки другого рівня (H2) — вибір кольорів заголовків H2, це підзаголовки або заголовки окремих блоків на сторінці.

Фон сторінок

  • Фон сторінок сайту — визначення кольору загального фону сторінок сайту.

  • Фон головної сторінки — визначення кольору головної сторінки сайту.

  • Фон сторінки 404 — визначення кольору фону сторінки, на яку попадають відвідувачі сайту в разі, якщо посилання на сторінку сайту невірне або сторінки не існує.

Посилання

Для посилань можна визначити три параметри: колір посилань в тексті, колір посилання при наведенні та додаткове виділення посилання підкреслюванням.

Налаьшування стилю посилань — Хорошоп

Параметри визначаються окремо для кожного виду посилань на сайті.

  • Навігаційні посилання — посилання, які використовуються для навігації по сторінках сайту: назви розділів каталогу, товарів, сторінок тощо.

  • Посилання у тексті — посилання в текстах: описах товарів, SEO-текстах тощо.

  • Функціональні посилання — посилання, при натисканні на які виконується певна дія на сайті: Написати відгук, Додати в обране, Додати до порівняння тощо.

Кнопки та елементи форм

Для кнопок можна визначити колір кнопки, колір тексту на ній, колір рамки навколо кнопки (обведення) та розмір скруглення кнопки.

Налаштування кнопок та елементів форм — Хорошоп

Параметри визначаються окремо для кожного типу кнопок.

  • Основні кнопки — будь-які основні кнопки на сайті, наприклад, Купити, Відправити тощо.

  • Додаткові кнопки — додаткові кнопки в інтерфейсі, наприклад кнопка Всі бренди, кнопки фільтрів та модифікації тощо.

  • Поля у формах — налаштування полів для вводу/вибору у формах на сайті. Для полів у формах можна задати лише радіус скруглення.

Приклади налаштувань скруглення

Без скруглення

S

M

L

Блоки на навігація

В цьому блоці поєднані налаштування:

  • Візуальний стиль блоків — частини сторінки сайту, де елементи поєднані спільною рамкою.

  • Навігація у банерах — налаштування перемикачів між банерами в банерних лініях.

Стиль відображення пагінації в банерах

Круг

Диск

Стиль відображення стрілок в банерах

Стрілка

Тонка стрілка

Контурна кнопка

Тонка контурна кнопка

Кнопка

Кнопка з відступом

Трикутник

Контурний трикутник

Картки товарів

В цьому блоці можна налаштувати певні загальні параметри для карток товару на сайті. А саме: колір зірок рейтингу товарів, колір основної та акційної ціни.

Налаштування кольору рейтингу і ціни — Хорошоп

Налаштування для стікерів

  • Стиль стікерів — вибір стилю налаштування стикерів, доступні 5 стилів;

  • Показувати лише перший стікер — на мінікартці буде відображатися лише один з стікерів, встановлених для товару.

Інші елементи

В цьому блоці можна обрати варіант відображення кольору іконок в блоках контактних даних: кольорові або монохром (ч/б).

Наолаштування кольору іконок контактних даних — Хорошоп

Ви отримали відповідь на своє запитання?