Дизайн інтернет-магазину
Дизайн конструктора налаштовується в Торгівля → Онлайн торгівля → Дизайн.
У списку видно тему магазину, її активність і дію Змінити.
Що можна налаштувати
У перевіреному інтерфейсі тема Diamond має групи налаштувань:
Сторінка
- Акцент;
- Межі та лінії;
- Фон контенту;
- Базовий;
- Задній фон;
- Фон футера;
- Фон хедера.
Текст
- Посилання;
- Основний текст;
- Заголовки;
- Ціна;
- Текст в акценті;
- Текст в футере;
- Текст в хедері;
- Текст в базовому.
Форми
- Текст поля;
- Межі поля;
- Фон поля.
Кнопки
- Текст кнопки;
- Межі кнопки;
- Фон кнопки;
- Текст акцентної;
- Межі акцентної;
- Фон акцентної.
Як змінити дизайн
- Відкрийте Торгівля → Онлайн торгівля → Дизайн.
- Натисніть Змінити.
- Змініть потрібні кольори.
- Збережіть зміни.
- Відкрийте магазин і перевірте вигляд.
Повернення стандартного дизайну
На сторінці редагування є дія Повернути стандартний дизайн.
Важливо
Перед поверненням стандартного дизайну переконайтеся, що поточні кольори більше не потрібні. Якщо дизайн підбирався під бренд, зафіксуйте значення кольорів окремо.
Що перевірити після зміни
- текст читається на фоні;
- кнопки помітні;
- ціни добре видно;
- форми замовлення не зливаються з фоном;
- магазин виглядає коректно на мобільному екрані;
- логотип і слайдер не конфліктують з новими кольорами.
Підсумок
Дизайн конструктора дозволяє адаптувати магазин під стиль компанії. Після зміни кольорів обов'язково перевірте головну сторінку, картку товару, кошик і оформлення замовлення.