Кольори товарів на сайті
Відображення кольорів на сайті, точний колір, кольори (для фільтрів)
Оновлено протягом останнього тижня

Колір — це системний параметр, за допомогою якого ви можете надати користувачам зручний вибір товару при покупці.

Приклад товару з модифікаціями за кольором

Розглянемо, як керувати кольорами товарів та які додаткові налаштування для них доступні.

Відображення кольорів на сайті

На сайті кольори товарів можуть відображатися:

  • на сторінці товару

  • у мінікарточці

  • у фільтрах.

Точний колір – це колір або відтінок, який ми вказуємо безпосередньо у товарі. Наприклад, Світло-рожевий, Зелений, Малиновий. Він відображатиметься на сторінці товару та в мінікартці.

Але схожих відтінків може бути досить багато, тому кожному Точному кольору ми присвоюємо Колір для фільтра — колір, який об'єднуватиме групу відтінків у фільтрі. Наприклад, для точних кольорів Світло-рожевий, Яскраво-рожевий та Малиновий підійде колір для фільтра Рожевий.

Відображення кольорів у товарах

Кольори на сторінці товару та в мінікарточці можуть відображатися у вигляді прев'ю або звичайної іконки з кольором. Змінити тип відображення можуть фахівці підтримки на ваш запит.

Приклад відображення вибору кольорів: у вигляді прев'ю та у вигляді іконок

Як вказати колір товару

Параметр Колір за замовчуванням доступний на всіх сайтах, тому вам потрібно тільки заповнити його в товарах. Зробити це можна двома способами:

  • вручну в адмінці сайту

  • за допомогою імпорту файлу.

Вказуємо колір вручну в адмінці

Точний колір товару можна вибрати вручну у властивостях модифікації. Керувати кольорами зі списку та створювати нові кольори можна в розділі Налаштування → Точний колір.

Як створити точний колір для товару

  1. Перейдіть на вкладку Налаштування → Точний колір і натисніть Додати.

  2. Вкажіть Назву кольору всіма мовами сайту.

  3. У полі Колір для фільтра виберіть, під яким кольором цей відтінок працюватиме у фільтрі.

  4. Завантажте іконку кольору, якщо потрібно відобразити текстуру або принт. Можна завантажувати зображення у форматі jpg або png, рекомендований розмір 84х84 пікселів.

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

  6. Збережіть зміни.

Вказуємо кольори за допомогою імпорту

Для заповнення кольорів через імпорт вам потрібно підготувати таблицю з двох стовпців: Артикул і Колір, — після чого імпортувати її на сайт за стандартною процедурою.

При імпорті нові кольори будуть створені автоматично. Після цього ви можете завершити їх налаштування в розділі Налаштування → Точний колір: вказати назву кольору всіма мовами, налаштувати колір для фільтра, завантажити іконку або встановити колір з палітри.

Фільтр кольору

Колір є єдиним параметром, фільтр якого відображається як іконки.

Керувати переліком кольорів, які відображаються у фільтрах, можна в розділі адмін панелі Налаштування → Кольори (для фільтрів).

Як створити новий колір для фільтра

  1. Перейдіть до розділу Налаштування → Кольори (для фільтрів) та натисніть Додати.

  2. Вкажіть Назву кольору всіма мовами сайту.

  3. Виберіть Колір із запропонованої палітри або внесіть його у форматі HEX. Якщо замість звичайного кольору потрібно відобразити текстуру або принт, завантажте картинку формату jpg або png у поле Іконка.

Тепер створений колір для фільтра можна використовувати для об'єднання відтінків у розділі Налаштування → Точний колір. Це необхідно, щоб товари, у яких є колір, були доступні покупцям при фільтрації.

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