Поиск
Искать в:
Все решения  
  • Все решения
  • Интернет-магазины
    • Аспро: Максимум
    • Аспро: Шины и диски 2.0
    • Аспро: Next
    • Аспро: Оптимус
    • Аспро: Шины и диски, интернет-магазин
    • Аспро: Интернет-магазин
    • Аспро: Крутой шоп
    • Аспро: Маркет
  • Корпоративные сайты
    • Аспро: Приорити
    • Аспро: Корпоративный сайт 2.0
    • Аспро: Ландшафт
    • Аспро: Медицинский центр 2.0
    • Аспро: Digital-компания
    • Аспро: Курорт
    • Аспро: Стройка
    • Аспро: Сайт медицинского центра
    • Аспро: Корпорация
    • Аспро: Корпоративный сайт
    • Аспро: Корпоративный сайт современной компании
  • Модули
    • Аспро: Шинный калькулятор
    • Аспро: Кредитный калькулятор
    • Аспро: Универсальный импорт
  • 1С-Битрикс
    • Общее

Как изменить цвет стикеров?

ID статьи: 386 , создана 20 Июн 2019
Актуально для:
Необходимо изменить цвет стикеров в интернет-магазине.

Решение

В решении Аспро: 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;

}

Не забудьте указать в коде свой цвет в формате rgb. Найти нужный цвет вы можете, например, на сайте https://encycolorpedia.ru/.

Сохраняем результат. Мы поменяли цвет стикера с голубого на оранжевый.





  • Комментарии
Загрузка комментариев...

Тэги

1С-Битрикс cdn custom.css element.php google maps init.php marketmixer robot.txt SEO sku template.php title web clip icon автокомпозит авторизация адаптивная верстка активация 1С-Битрикс активное и подключенное свойство акции Аспро: Next баннеры бренды быстрый заказ валюта виджет настроек визуальный редактор вкладки главная страница добавить поле добавить поле в форму заголовки заголовки на главной заголовок блока «Характеристики» изменить порядок вывода изменить порядок картинок изображения капча карта карта сайта карточка товара каталог товаров каталог услуг кеш классы стилей кодировка количество товара композит контакты корзина купить в 1 клик левое меню логотип магазины маркер на карте маска телефона медиабиблиотека меню местоположения много мобильная платформа модули модуль настроек название сайта наличие товара настройка настройка валют настройка веб-форм настройка инфоблоков настройка компонентов настройка свойств настройка списка настройка услуг настройки доступа настройки инфоблока настройки магазина настройки модулей настройки раздела не добавляется товар нет в наличии новости облако 1с-битрикс обновление платформы обновление решения обратный звонок ограничения описание описание для анонса основной баннер отзывы отзывы о товаре отображение свойств отображение товаров оформление заказа ошибка 404 персональные рекомендации платежные системы поиск покупка без наличия покупка в 1 клик порядок отображения картинок похожие товары почтовые уведомления привязать товары примечание в корзине проекты разработчикам регистрация резервное копирование свойства заказа свойства инфоблока свойства товара свойства торгового предложения связанные товары символьный код скидки скорость загрузки сайта скрывать анонс бренда скрыть товары в поиске сортировка социальные сервисы список пользователей способы доставки сравнение товаров статистика статьи структура сайта тайтл текст блока «Характеристики» тизеры тип цен типы цен торговые предложения умный фильтр условия гарантии услуги установка решения файлы и папки фасетные индексы фиксированная шапка на мобильном форма покупки в 1 клик формы формы на инфоблоках формы обратной связи форум хлебные крошки цен чпу эквайринг элементы в разделе