Skip to main content

Обзор

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

Вариант 1: масштабирование (простая настройка)

Этот метод использует единый коэффициент масштабирования для пропорционального уменьшения или увеличения кнопки и значка. Это самый простой способ изменить размер кнопки с минимальным количеством кода.

Куда добавить этот код

Перейдите в Upcart > Sticky Cart > Custom CSS и вставьте приведенный ниже код.

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

  • Измените transform, чтобы изменить размер кнопки (например, 0.8, 0.6, 1.25 и т. д.)

Вариант 2: изменение размера в пикселях (расширенный контроль)

Этот метод позволяет управлять размерами каждого элемента по отдельности с помощью значений в px. Используйте его, когда вам нужны точные настройки без масштабирования.

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

  • Измените переменные в :root, чтобы увеличить или уменьшить размер каждого элемента
  • Скорректируйте значения left и top внутри селекторов, чтобы визуально отцентрировать значок и бейдж

Нужна помощь?

Если вы не уверены, какой метод вам подходит, или вам нужна помощь с написанием пользовательского CSS, мы рекомендуем обратиться к эксперту Shopify. Служба поддержки Upcart не помогает с внедрением CSS напрямую. Найти экспертов Shopify