Цвет — это системный параметр, с помощью которого вы можете предоставить пользователям удобный выбор товара при покупке.
Пример товара с модификациями по цвету
Рассмотрим, как управлять цветами товаров и какие дополнительные настройки для них доступны.
Отображение цветов на сайте
На сайте цвета товаров могут отображаться:
на странице товара
в миникарточке
в фильтрах.
Цвет — это цвет или оттенок, который мы указываем непосредственно в товаре. Например, Светло-розовый, Зеленый, Малиновый. Он будет отображаться на странице товара и в миникарточке.
Но похожих оттенков может быть довольно много, поэтому каждому Цвету мы присваиваем Цвет для фильтра — цвет, который будет объединять группу оттенков в фильтре. Например, для цветов Светло-розовый, Ярко-розовый и Малиновый подойдет цвет для фильтра Розовый.
Отображение цвета в товарах
Цвета на странице товара и в миникарточке могут отображаться в виде превью или обычной иконки с цветом. Изменить тип отображения можно в разделе Сайт → Дизайн → Редактор дизайна, пункт Страница товара → Структура страницы → Выбор модификации товара → Выбор цвета, меню Стиль переключателя.
Пример отображения выбора цветов: в виде превью и в виде иконок
Как указать цвет товара
Параметр Цвет по умолчанию доступен на всех сайтах, вам необходимо только заполнить его в товарах. Сделать это можно двумя способами:
Вручную в админке сайта;
С помощью импорта файла.
Указываем цвет вручную в админке
Точный цвет товара вы можете выбрать вручную в свойствах модификации. Управлять цветами из перечня и создавать новые цвета можно в разделе Товары → Справочники → Цвета.
Как создать точный цвет для товара
В админке перейдите во вкладку Товары → Справочники → Цвета и нажмите Добавить.
Укажите Название цвета на всех языках сайта.
В поле Цвет для фильтра выберите, под каким цветом этот оттенок будет отображаться в фильтре.
Загрузите Иконку цвета, если хотите отобразить текстуру или принт. Можно загружать изображения в формате jpg или png, рекомендуемый размер 84х84 пикселей.
Вместо иконки можно использовать обычный Цвет, вы можете выбрать подходящий оттенок из палитры или указать его в виде кода в формате HEX.
Сохраните изменения.
Указываем цвета с помощью импорта
Для заполнения цветов через импорт вам нужно подготовить таблицу из двух столбцов Артикул и Цвет, после чего импортировать ее на сайт по стандартной процедуре.
В случае с импортом новые цвета будут созданы автоматически. После этого вы можете завершить их настройку в разделе Товары → Справочники → Цвета: указать название цвета на всех языках, настроить цвет для фильтра, загрузить свою иконку или определить ее цвет из палитры.
Фильтр по цвету
Цвет является единственным параметром, фильтр которого отображается в виде иконок.
Полный перечень цветов, которые могут отображаться в фильтре, можно найти в разделе админки Товары → Справочники → Цвета для фильтра.
Как создать новый цвет для фильтра
Перейдите в раздел Товары → Справочники → Цвета для фильтра и нажмите Добавить.
Укажите Название цвета на всех языках сайта.
Выберите Цвет из предложенной палитры или внесите его в формате HEX. Если вместо обычного цвета нужно отобразить текстуру или принт — загрузите картинку формата jpg или png в поле Иконка.
Теперь созданный цвет для фильтра вы можете использовать для объединения оттенков в разделе Товары → Справочники → Цвета. Это необходимо, чтобы товары, у которых обозначен цвет, были видны покупателям при фильтрации.