Skip to main content

​
Обзор

Если вы хотите изменить размер шрифта конкретных текстовых элементов в вашей корзине (например, заголовков апселлов или опций вариантов), это можно сделать с помощью встроенного редактора Custom CSS в Upcart.

​
Шаг 1: инспектируйте элемент

  1. Откройте витрину и запустите drawer Upcart.
  2. Щелкните правой кнопкой мыши по элементу, размер шрифта которого хотите изменить.
  3. Выберите Inspect в контекстном меню браузера, чтобы открыть Developer Tools.
  4. Найдите имя класса элемента в HTML-панели.
    Пример: upcart-item-option

​
Шаг 2: откройте редактор пользовательского CSS

  1. Перейдите в Shopify Admin > Apps > Upcart
  2. Откройте Cart Editor
  3. Нажмите Settings
  4. Найдите раздел Custom CSS

​
Шаг 3: напишите ваш пользовательский CSS

В поле ввода CSS:
  1. Начните с точки (.), за которой следует имя класса
  2. Добавьте { font-size: 14px !important; } (или желаемый размер)
Пример:
💡 Примечание: .upcart-item-option — это класс V1. В V2 эквивалентный текст варианта позиции — .upcart-public-component-product-tile__variant. Полный набор см. в библиотеке CSS-селекторов V2. Используйте !important только в том случае, если стиль не применяется после изменения.

​
Шаг 4: сохраните и протестируйте

  1. Нажмите Save в Cart Editor
  2. Обновите страницу витрины
  3. Откройте cart drawer и убедитесь, что размер шрифта обновился
Если текст не изменился, перепроверьте имя класса или снова используйте инструмент Inspect в браузере, чтобы убедиться, что вы выбрали правильный элемент.