Перейти до основного контенту
Характеристики кольорів товарів на сайті

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

Оновлено понад 4 міс. тому

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

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

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

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

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

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

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

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

  • у фільтрах.

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

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

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

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

Варіанти відображення кольорів — Хорошоп

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

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

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

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

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

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

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

Вибір кольору товару в адмінці — Хорошоп

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

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

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

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

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

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

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

Додавання нового кольору — Хорошоп

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

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

Заповнення кольорів через імпорт — Хорошоп

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

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

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

Фільтр кольору — Хорошоп

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

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

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

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

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

Додавання нового кольору для фільтру — Хорошоп

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

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