Поиск
Искать в:
Все решения  
  • Все решения
  • Интернет-магазины
    • Аспро: Лайтшоп
    • Аспро: Максимум
    • Аспро: Шины и диски 2.0
    • Аспро: Next
    • Аспро: Оптимус
    • Аспро: Шины и диски, интернет-магазин
    • Аспро: Интернет-магазин
    • Аспро: Крутой шоп
    • Аспро: Маркет
  • Корпоративные сайты
    • Аспро: Корпоративный сайт 3.0
    • Аспро: Корпоративный сайт 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;

}

5. Для стикера «Текст с акцией»:

.stickers .sticker_sale_text

{

   background-color: #ff4f00;

}

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

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





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

Тэги

1С-Битрикс cdn custom.css element.php favicon Google Fonts google maps marketmixer SEO sku template.php title автокомпозит авторизация адаптивная верстка активация 1С-Битрикс активное и подключенное свойство акции баннеры блог бренды быстрый заказ валюта видео вкладки выводить описание главная страница добавить поле заголовки заголовки на главной изменить заголовки изображения Интернет-магазин каптча капча карта карточка товара кастом каталог товаров кеш классы стилей код решения кодировка количество товара конвертация валюты контакты корзина левое меню личный кабинет логотип магазины маска телефона мегаменю медиабиблиотека меню местоположения многосайтовость модули модуль настроек название сайта наличие товара настройка валют настройка веб-форм настройка инфоблоков настройка компонентов настройка свойств настройка списка настройки доступа настройки инфоблока настройки магазина настройки модулей настройки раздела нет в наличии новости номера обновление платформы обновление решения Обновление решения обратный звонок ограничения округление скидок основной баннер отзывы отзывы о товаре отображение свойств отображение товаров отсутствующие товары отсутствующие товары на складах оформление заказа переустановка решения персональные рекомендации платежные системы подписка на товар подразделы каталога поиск покупка в 1 клик пользовательские свойства поля похожие товары почта почтовые уведомления почтовые шаблоны привязать товары примечание в корзине проекты разделы каталога разработчикам региональность регистрация резервное копирование рейтинг свойства заказа свойства инфоблока свойства товара связанные товары связи символьный код скидки скидки на товар скорость загрузки сайта скриншоты скрыть товары в поиске сортировка социальные сервисы список пользователей способы доставки сравнение товаров ссылка структура сайта счетчики текст в летающей корзине тизеры типы цен товары в регионах товары на складах торговые предложения умный фильтр услуги установка решения файлы и папки фильтр по годам формы формы на инфоблоках формы обратной связи форум хлебные крошки цены чпу элементы