Checkout Form Layouts

Checkout Form Layout

Mostly Checkout Form Layouts are developed in the same way as standard CMS Form Layouts, with a few differences included below:

ecommerce/checkout_standard

What is it?

This liquid include used to output payment fields in a checkout form.

Where to use?

You should include this in the layout file for a checkout form at the position in the layout where you would expect the card payment elements to appear.

How to use?

Outputting 1 payment gateway option

{%- include 'ecommerce/checkout_standard' -%}

This will output the Payment Gateway that you most recently updated in Siteglide Admin.

Outputting multiple payment gateway options

{%- include 'ecommerce/checkout_standard'
  id: '123'
  default: 'true'
-%}

This will output the Payment Gateway with the ID you select. When outputting by ID, you should select which is the default option.

Switching active Payment Gateway from Multiple Options

Once you've added multiple Payment Gateways to your form using the include above, you can add JavaScript to switch between them on the client side:

Switching Between Multiple Payment Method Options