В решении Аспро: Next есть стандартный набор стикеров с заданными цветами. Но вы можете самостоятельно поменять цвет, выполнив ряд действий.
Для примера возьмем стикер «Хит» и изменим его цвет на оранжевый. Перед сменой цвета в коде нужно найти его класс: кликнуть правой кнопкой по стикеру и выбрать «Посмотреть код».
Появится код с нужным вам классом. Его название понадобится для того, чтобы задать новый цвет.
Далее в административной части сайта переходим в Контент → Структура сайта → Файлы и папки → bitrix → templates → aspro_next → css → custom.css. Выбираем «Редактировать как PHP».
В открывшемся файле необходимо прописать код, где будет указан класс стикера и цвет.
Для удобства вы можете скопировать строки кода для нужного стикера, которые мы прописали ниже.
1. Для стикера «Хит»:
.stickers .sticker_khit
{
background-color: #ff4f00;
}
2. Для стикера «Новинка»:
.stickers .sticker_novinka
{
background-color: #ff4f00;
}
3. Для стикера «Акция»:
.stickers .sticker_aktsiya
{
background-color: #ff4f00;
}
4. Для стикера «Советуем»:
.stickers .sticker_sovetuem
{
background-color: #ff4f00;
}
5. Для стикера «Текст с акцией»:
.stickers .sticker_sale_text
{
background-color: #ff4f00;
}
Не забудьте указать в коде свой цвет в формате rgb. Найти нужный цвет вы можете, например, на сайте https://encycolorpedia.ru/.
Сохраняем результат. Мы поменяли цвет стикера с голубого на оранжевый.
