Customizing the style of your checkout and customer accounts

To see the Checkout page in the customizer, follow these steps:

In the Theme Customizer, navigate to the dropdown menu at the top and click it.
Click on Checkout and customer accounts to open the page.
The Checkout tab in admin settings appears.
Click on “Customize” button to make the stylization of checkout and customer accounts

Logo

Setting	Description
Logo	Choose an image: Select a logo from the image library, or upload a new one. This logo will appear at checkout and customer accounts page.
Logo width	Adjust the width of the logo on checkout using a slider.
Logo alignment	Choose how the logo is positioned: Left Center Right
Logo position	Determine where the logo appears at checkout: Full width: Displays the logo above the checkout form and order summary, creating a header for them. Checkout form: Places the logo on the checkout form.

Main

Setting	Description
Color	The background for the checkout form.

Order summary

The background for customer account pages and the order summary in checkout.

Setting	Description
Image	Select an image from the library, choose from free images, or upload a new one. Once added, the image will be applied as the background for customer account pages and the order summary in checkout.
Color	Set up the background color for customer account pages and the order summary in checkout.

Color

These settings are applied to both customer account pages and the checkout page.

Setting	Description
Accent	Set up a background color for links, highlights, and checkmarks.
Buttons	Set up a background color for gift card/discount and next step buttons.
Error	Set up a background color for messages and invalid fields
Fields and cards	Transparent White

Typography

These settings define the typography for both the customer account pages and the checkout page.

Setting	Description
Headings	Use the dropdown list to choose the font family for checkout page headings.
Body	Use the dropdown list to choose the font family for checkout page body text.

Checkout layout

By default, the checkout layout on your store is set to be a one-page checkout. You can switch between one-page checkout and three-page checkout from your Shopify admin. Review the differences between the one-page and three-page checkouts before changing your checkout layout.

When you switch your checkout layout, the preview in your checkout and accounts editor doesn't display in real time. After you save your changes, navigate to your storefront checkout to view your new checkout layout.

Setting	Description
One-page checkout	Faster, shorter checkout on a single page.
Three-page checkout	Stepped checkout across multiple pages.

Setting

Description

Address autocompletion

Use address autocompletion

Enable Address Autocompletion to streamline the checkout process by allowing customers to fill in their address details quickly.

This feature uses Shopify Checkout to propose and complete addresses automatically as customers type.
It helps reduce errors and speeds up the checkout experience.

Buy again button

Allow customers to reorder

A Buy again button displays on your order status page and orders page, to let customers reorder items that they've purchased. You can turn the Buy again button on or off from the checkout and accounts editor.