Как изменить цвет стикеров?
В решении Аспро: 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/.
Сохраняем результат. Мы поменяли цвет стикера с голубого на оранжевый.
Добрый день, Алексей!
Пожалуйста, напишите в нашу техподдержку:Специалисты помогут настроить цвета стикеров на Аспро: Премьер. Будем ждать вашу заявку!
Цвет стикера изменился, но с мобильной версии прежний.
Как быть?
Вадим, добрый день!
Если цвет стикера не меняется на мобильных устройствах, рекомендуем обратить в техподдержку: . Специалисты посмотрят настройки сайта и подскажут, как исправить проблему. Будем ждать вашу заявку!Как быть?
Здравствуйте, Анатолий! Благодарим за активность.
Проверили работу стикеров в Аспро: Next на нашей демоверсии. Функционал работает корректно:
Рекомендуем вам проверить настройки компонента:
Свойство «Наши предложения» должно быть выбрано.
Успехов вам!
Будем на связи!
Добрый день, Анатолий! Рады вашей активности.
Насколько мы знаем, ваш интернет-магазин запущен на Аспро: Next. Чтобы изменить название стикера в этом решении, перейдите в настройки инфоблока каталога. Найдите свойство «Наши предложения» и нажмите на три точки напротив него:
Далее в настройках измените название на нужное:
После этого название у стикера изменится:
И где поменять цвет на добавленные стикеры?
Здравствуйте, Виктор! Благодарим за интересный вопрос.
Файл пустой, поскольку до этого в классы не вносились доработки. Для правки цвета нужно добавить в файл custom.css класс нужного стикера и код цвета.
Для произвольного стикера нужно написать класс:
.stickers .sticker_sale_text
{
background-color: #ff4f00;
}
Всего доброго!.stickers .sticker_khit
{
background-color: #ff4f00;
}
а то, они некоторые перекрывают элементы изображения на товаре
Здравствуйте, Илья. Интересный вопрос.
Вы можете указать высоту и ширину стикера в пикселях. Например:
.stickers .sticker_khit
{
height: 20px; /* Высота блока */
width: 50px; /* Ширина блока */
}
Вы можете изменить размеры, добавить цвет фона или цвет текста. Настраивайте стикеры под свой вкус.
Благодарим, что читаете наш блог.