Cart & Checkout
The Checkout Page settings allow you to personalize the visual identity of your store’s checkout experience—from logos and colors to typography and layout.
Logo Settings
Logo: Upload your store’s logo to display at the top of the checkout page.
Logo Alignment: Choose where the logo appears:
Left
Center
Right
Logo Position:
Full width: Displays the logo section at full width, centered within the checkout header.
Background Settings
Customize the backgrounds for different sections of the checkout and customer account pages.
Checkout Header Background Image: Upload an optional background image for the top header section of the checkout.
Background 1: Checkout Form
Applies to the main checkout area where customers input their information.
Image: Optional background image.
Color: Hex color code for background (e.g.,
#FFFFFF).
Background 2: Order Summary & Customer Accounts
Applies to the sidebar and customer account sections.
Image: Optional background image.
Color: Hex color code (e.g.,
#F5F5F5).
Color Settings
Customize the accent, buttons, errors, and input card backgrounds.
Accent Color: Primary theme color used in links and accents (e.g.,
#1773B0).Buttons Color: Button background color (e.g.,
#1773B0).Error Color: Color used to highlight errors (e.g.,
#DD1D1D).Fields and Cards Background: Choose between:
Transparent
White
Typography
Set your font preferences for headings and body text.
Headings Font: Choose from available fonts (e.g., Default).
Body Font: Choose from available fonts (e.g., Default).
Layout
Checkout Layout: Select between:
One-page: All checkout steps shown on one page.
Address Autocompletion
Use Address Autocompletion: Enable to assist users by auto-filling address fields using predictive suggestions.
Last updated