Поиск
Искать в:
Все решения  
  • Все решения
  • Интернет-магазины
    • Аспро: Шины и диски 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/.

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





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

Тэги

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