Skip to main content
Блок Express payments показывает кнопки ускоренного оформления заказа (такие как Shop Pay, PayPal, Google Pay или Apple Pay) внутри корзины, предоставляя покупателям экспресс-способы оплаты, которые уже предлагает ваш магазин, чтобы они могли сразу перейти к оформлению заказа в один клик.

​
Поведение

  • Блок не отображает собственные кнопки. Он выводит собственные кнопки ускоренного оформления заказа Shopify внутри drawer-корзины, поэтому набор отображаемых методов полностью определяется настройками платежей вашего магазина.
  • Если в вашем магазине не включены ускоренные способы оплаты, ничего не отображается. Включите экспресс-методы (Shop Pay, PayPal и другие) в настройках Shopify.
  • Вашей теме обычно также требуется однократное изменение кода. Блок клонирует кнопки ускоренного оформления заказа Shopify со страницы вашей витрины, поэтому эти кнопки должны быть там отрисованы изначально.
  • В редакторе блок показывает заглушку вместо реальных кнопок.

​
Добавление сниппета в тему

В панели настроек блока есть раздел Show recommended guide to edit your theme code с точным сниппетом и кнопкой Copy code. Вкратце:
  1. Откройте редактор кода вашей темы, затем layout/theme.liquid.
  2. Найдите строку <body> и добавьте новую строку под ней.
  3. Вставьте сниппет, который даёт вам панель. Он отрисовывает кнопки ускоренного оформления заказа Shopify в скрытом контейнере, чтобы корзине было что клонировать.
  4. Сохраните.

​
Настройки

​
Размещение и ограничения

  • Регион: низ.
  • Максимум: 1 на состояние корзины.
  • Состояние: только заполненная корзина.
  • Не добавляется по умолчанию. Не заблокирован — вы можете удалить или скрыть его.

​
Пользовательский шаблон

Блок Express payments не поддерживает пользовательский шаблон, поскольку он содержит собственные платёжные кнопки Shopify. Вместо этого стилизуйте его через настройки Design блока.

​
Дизайн

Стилизуйте этот блок через его раздел Design в панели настроек. Это переопределения на уровне блока, которые накладываются поверх вашего глобального дизайна и возвращаются к нему, если оставлены пустыми. Что такое настройки дизайна? Узнайте больше здесь: Настройки дизайна.