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

Как изменить иконку диапазона наличия: много/мало/достаточно

ID статьи: 393 , создана 07 мая 2020
Актуально для:
Необходимо загрузить свою иконку для диапазона наличия.

Решение

В Аспро: Next количество товаров вы можете отображать в числах или выражениях. Во втором случае в зависимости от заданных условий отображается иконка с текстом «Много», «Мало» или «Достаточно». По умолчанию для всех типов отображается одна иконка — галка.

Начиная с версии 1.7.7, вы можете изменять стили иконок через файл «custom.css». Для этого в административной части сайта перейдите в Аспро → Аспро: Next → Для разработчиков. Откройте файл «custom.css».

К иконке добавляется один из классов: в зависимости от диапазона наличия: 

  • много — stock_range_1
  • достаточно — stock_range_2
  • мало — stock_range_3

Пропишите стили для нужного класса и сохраните изменения.

.item-stock .icon.stock.stock_range_X{background: url(путь до картинки)};

где X=1, 2 или 3 — в соответствии от диапазона наличия.

Внимание! Максимальный размер иконки — 14х14 px.

На скриншоте мы прописали класс для иконки типа «Достаточно».


  • Комментарии
Загрузка комментариев...
Для пользователей

Тэги

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