Skip to main content

Обзор

Upcart позволяет изменять цвета селекторов вариантов апселлов с помощью простого пользовательского CSS. Это быстрый способ привести внешний вид корзины в соответствие с вашим брендом и улучшить опыт покупателей при выборе товара. Эта настройка идеально подходит владельцам магазинов и разработчикам с базовыми знаниями CSS.

Где найти редактор пользовательского CSS

  1. Перейдите в Upcart > Cart Editor > Settings > Custom CSS
  2. Прокрутите вниз до области ввода и вставьте ваш CSS-код
  3. Нажмите Save
  4. Обновите витрину, чтобы просмотреть изменения вживую

Пример CSS для стилизации селектора вариантов в V1.0

Пример CSS для стилизации селектора вариантов в V2.0


Как настроить

  • color: задает цвет текста
  • background-color: задает фон поля селектора вариантов
Вы можете использовать разные типы значений, такие как:
  • Именованные цвета (например: black, white, red)
  • Hex-коды (например: #000000)
  • Значения RGB (например: rgb(255, 0, 0))
Пример:
Это позволяет создать стиль селектора вариантов, который либо гармонирует с дизайном вашего магазина, либо выделяется, привлекая внимание.

Нужна дополнительная помощь?

Для дополнительных настроек мы рекомендуем работать с экспертом Shopify. Он может помочь с добавлением HTML, CSS или JavaScript в ваш cart drawer. Найти экспертов Shopify