Характеристики цветов товаров на сайте

Отображение цветов на сайте, точный цвет, цвета (для фильтров)

Обновлено на этой неделе

Цвет — это системный параметр, с помощью которого вы можете предоставить пользователям удобный выбор товара при покупке.

Пример товара с модификациями по цвету — Хорошоп

Пример товара с модификациями по цвету

Рассмотрим, как управлять цветами товаров и какие дополнительные настройки для них доступны.

Отображение цветов на сайте

На сайте цвета товаров могут отображаться:

  • на странице товара

  • в миникарточке

  • в фильтрах.

Цвет — это цвет или оттенок, который мы указываем непосредственно в товаре. Например, Светло-розовый, Зеленый, Малиновый. Он будет отображаться на странице товара и в миникарточке.

Но похожих оттенков может быть довольно много, поэтому каждому Цвету мы присваиваем Цвет для фильтра — цвет, который будет объединять группу оттенков в фильтре. Например, для цветов Светло-розовый, Ярко-розовый и Малиновый подойдет цвет для фильтра Розовый.

Отображение цвета в товарах

Цвета на странице товара и в миникарточке могут отображаться в виде превью или обычной иконки с цветом. Изменить вид отображения могут специалисты поддержки по вашему запросу.

Варианты отображения цветов — Хорошоп

Пример отображения выбора цветов: в виде превью и в виде иконок

Как указать цвет товара

Параметр Цвет по умолчанию доступен на всех сайтах, вам необходимо только заполнить его в товарах. Сделать это можно двумя способами:

  • Вручную в админке сайта;

  • С помощью импорта файла.

Указываем цвет вручную в админке

Точный цвет товара вы можете выбрать вручную в свойствах модификации. Управлять цветами из перечня и создавать новые цвета можно в разделе Товары Справочники → Цвета.

Выбор цвета товара в админке — Хорошоп

Как создать точный цвет для товара

  1. В админке перейдите во вкладку Товары Справочники → Цвета и нажмите Добавить.

  2. Укажите Название цвета на всех языках сайта.

  3. В поле Цвет для фильтра выберите, под каким цветом этот оттенок будет отображаться в фильтре.

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

  5. Вместо иконки можно использовать обычный Цвет, вы можете выбрать подходящий оттенок из палитры или указать его в виде кода в формате HEX.

  6. Сохраните изменения.

Добавление нового цвета — Хорошоп

Указываем цвета с помощью импорта

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

Заполнение цветов через импорт — Хорошоп

В случае с импортом новые цвета будут созданы автоматически. После этого вы можете завершить их настройку в разделе Товары Справочники → Цвета: указать название цвета на всех языках, настроить цвет для фильтра, загрузить свою иконку или определить ее цвет из палитры.

Фильтр по цвету

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

Фильтр цвета — Хорошоп

Полный перечень цветов, которые могут отображаться в фильтре, можно найти в разделе админки Товары Справочники → Цвета для фильтра.

Как создать новый цвет для фильтра

  1. Перейдите в раздел Товары Справочники → Цвета для фильтра и нажмите Добавить.

  2. Укажите Название цвета на всех языках сайта.

  3. Выберите Цвет из предложенной палитры или внесите его в формате HEX. Если вместо обычного цвета нужно отобразить текстуру или принт — загрузите картинку формата jpg или png в поле Иконка.

Добавление нового цвета для фильтра — Хорошоп

Теперь созданный цвет для фильтра вы можете использовать для объединения оттенков в разделе Товары Справочники → Цвета. Это необходимо, чтобы товары, у которых обозначен цвет, были видны покупателям при фильтрации.

Нашли ответ на свой вопрос?