Skip to main content
Дизайн Aftersell Cart работает на двух уровнях: глобальные настройки, оформляющие всю корзину, и поблочные переопределения для тонкой настройки отдельного блока.

​
Глобальные настройки дизайна

Откройте Cart settings в боковой панели редактора, чтобы перейти к глобальному дизайну корзины. Настройки сгруппированы в разделы Design, Buttons и Layout.

​
Дизайн

​
Кнопки

​
Макет

​
Поблочные переопределения дизайна

Каждый блок, кроме Custom code, имеет собственные поблочные переопределения дизайна внизу своей панели настроек — под заголовком Design у всех блоков, кроме Express payments, чьи переопределения находятся в безымянных разделах Style и Spacing. (У Custom code вообще нет панели настроек — блок и есть код, поэтому у него отображается только вкладка Code.) Они управляют такими вещами, как стиль, отступы и другие специфичные для блока настройки дизайна. Эти поблочные настройки дизайна, если оставлены пустыми, наследуют глобальную настройку для соответствующего свойства. Многие блоки также включают раздел Text в панели Design, где вы можете задать типографику для конкретных текстовых элементов этого блока — шрифт, размер, высоту строки и межбуквенный интервал. Блоки с несколькими текстовыми элементами (например, Notes и Empty cart) содержат селектор Text element, чтобы вы могли стилизовать каждый из них независимо.
Анимированный предпросмотр панели поблочных настроек Design в редакторе корзины

​
Шрифты и положение выдвижной корзины

  • Шрифты: по умолчанию корзина наследует шрифт вашей темы. Вы можете задать собственный шрифт для отдельных текстовых элементов (например, названия товара и заголовка апселлов) в разделе Text настроек Design каждого блока — подробности см. в Блоке товаров корзины и Блоке апселлов.
  • Положение выдвижной корзины: её ширина настраивается (Desktop width, выше); настройки положения слева/справа нет.

​
Настройки поведения

Помимо оформления, в Cart settings также находятся параметры поведения — открытие выдвижной корзины при добавлении в корзину и селекторы темы, поддерживающие синхронизацию с вашей витриной. См. Настройки корзины.

​
Когда лучше использовать пользовательский CSS

Встроенные настройки покрывают распространённые случаи. Для всего, что выходит за их пределы — нацеливание на конкретный элемент, пользовательские отступы, адаптивные правки — используйте Пользовательский CSS.