Skip to main content
Блок Checkout button — это основной призыв к действию в футере корзины, который ведёт покупателей к оформлению заказа, обеспечивая им понятный и заметный путь от корзины к checkout. Это обязательный блок.

​
Поведение

  • Кнопка определяет локализованный URL checkout с учётом рынка, поэтому покупатели попадают на страницу оформления заказа своего рынка. Если его определить не удаётся, используется стандартная ссылка /checkout.
  • При включённой опции Go to cart page instead of checkout кнопка ведёт на /cart.
  • Клик выполняет навигацию через JavaScript, поэтому собственная обработка корзины темой не может её перехватить, при этом уважаются намерения открыть новую вкладку (Cmd/Ctrl-клик, клик средней кнопкой).
  • Клик генерирует SDK-событие checkout, на которое можно подписаться.

​
Настройки

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

  • Область: низ.
  • Максимум: 1 на состояние корзины.
  • Состояние: только заполненная корзина.
  • Заблокирован и добавлен по умолчанию. Кнопку Checkout нельзя удалить или скрыть, только переместить внутри футера.

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

Поддерживает пользовательский шаблон на вкладке Code, который заменяет встроенную разметку этого блока вашим JSX. Вот пропсы, которые он получает.
Пользовательская кнопка checkout теряет отслеживание оформления заказа. Встроенная кнопка добавляет обработчик клика, который генерирует SDK-событие checkout и записывает конверсию для аналитики корзины. Этот обработчик не передаётся пользовательским шаблонам, поэтому навигация только через href пропускает и то, и другое.Если вам нужно это событие, генерируйте его самостоятельно из onClick перед навигацией. Отчётность по атрибуции таким способом всё равно не восстановить, поэтому предпочтительнее переоформить встроенную кнопку через настройки дизайна или пользовательский CSS, если только вам действительно не нужна другая разметка.
Отображайте href как есть, не задавая значение по умолчанию. Элемент <a> без href неактивен, что является корректным поведением в редакторе.

​
Дизайн

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