Checkout
Requires access to checkout branding settings and the shop must be on a Plus plan or a Development store plan.
The customizations that apply to specific components or areas of the user interface.
Anchor to FieldsFields
- buyerJourney (CheckoutBrandingBuyerJourney)
- cartLink (CheckoutBrandingCartLink)
- checkbox (CheckoutBrandingCheckbox)
- choiceList (CheckoutBrandingChoiceList)
- content (CheckoutBrandingContent)
- control (CheckoutBrandingControl)
- divider (CheckoutBrandingDividerStyle)
- expressCheckout (CheckoutBrandingExpressCheckout)
- favicon (CheckoutBrandingImage)
- footer (CheckoutBrandingFooter)
- global (CheckoutBrandingGlobal)
- header (CheckoutBrandingHeader)
- headingLevel1 (CheckoutBrandingHeadingLevel)
- headingLevel2 (CheckoutBrandingHeadingLevel)
- headingLevel3 (CheckoutBrandingHeadingLevel)
- main (CheckoutBrandingMain)
- merchandiseThumbnail (CheckoutBrandingMerchandiseThumbnail)
- orderSummary (CheckoutBrandingOrderSummary)
- primaryButton (CheckoutBrandingButton)
- secondaryButton (CheckoutBrandingButton)
- select (CheckoutBrandingSelect)
- textField (CheckoutBrandingTextField)
- Anchor to buyerJourneybuyer•Checkout
Journey Branding Buyer Journey The customizations for the breadcrumbs that represent a buyer's journey to the checkout.
- Anchor to cartLinkcart•Checkout
Link Branding Cart Link The checkout cart link customizations. For example, by setting the visibility field to
HIDDEN, you can hide the cart icon in the header for one-page checkout, and the cart link in breadcrumbs in three-page checkout.- Anchor to checkboxcheckbox•Checkout
Branding Checkbox The checkboxes customizations.
- Anchor to choiceListchoice•Checkout
List Branding Choice List The choice list customizations.
- Anchor to contentcontent•Checkout
Branding Content The content container customizations.
- Anchor to controlcontrol•Checkout
Branding Control The form controls customizations.
- Anchor to dividerdivider•Checkout
Branding Divider Style The customizations for the page, content, main, and order summary dividers. For example, by setting the borderStyle to
DOTTED, you can make these dividers render as dotted lines.- Anchor to expressCheckoutexpress•Checkout
Checkout Branding Express Checkout The express checkout customizations.
- Anchor to faviconfavicon•Checkout
Branding Image The favicon image.
- •Checkout
Branding Footer The footer customizations.
- Anchor to globalglobal•Checkout
Branding Global The global customizations.
- Anchor to headerheader•Checkout
Branding Header The header customizations.
- Anchor to headingLevel1heading•Checkout
Level1 Branding Heading Level The Heading Level 1 customizations.
- Anchor to headingLevel2heading•Checkout
Level2 Branding Heading Level The Heading Level 2 customizations.
- Anchor to headingLevel3heading•Checkout
Level3 Branding Heading Level The Heading Level 3 customizations.
- Anchor to mainmain•Checkout
Branding Main The main area customizations.
- Anchor to merchandiseThumbnailmerchandise•Checkout
Thumbnail Branding Merchandise Thumbnail The merchandise thumbnails customizations.
- Anchor to orderSummaryorder•Checkout
Summary Branding Order Summary The order summary customizations.
- Anchor to primaryButtonprimary•Checkout
Button Branding Button The primary buttons customizations.
- Anchor to secondaryButtonsecondary•Checkout
Button Branding Button The secondary buttons customizations.
- Anchor to selectselect•Checkout
Branding Select The selects customizations.
- Anchor to textFieldtext•Checkout
Field Branding Text Field The text fields customizations.