# Checkout

An example of a standard checkout page on a Shopify store using Opulent theme.

<figure><img src="https://2059493604-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRPWLB8MHorBB5Xcu4UyI%2Fuploads%2FjLm0ozNMGzAyJcgToau0%2F1.jpg?alt=media&#x26;token=ed3b513b-f752-4be9-8873-039ccb4ce967" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), click **Theme settings**
2. Locate **Checkout**
3. Make necessary changes
4. **Save.**
   {% endhint %}

You can use the theme settings to **customize the style of the checkout page**. The settings include:

## Main content area

The left side of the page displays the contact information and shipping address of the buyer.

In this section, you have the option to add a background image or leave it blank and utilize only a background color.

The fields provided for shoppers to input text can be configured as either white or transparent

## Order summary area

Appear on the right-hand side of the site. The same as the main content area, background image, and color can be added to meet your expectations.

<figure><img src="https://2059493604-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRPWLB8MHorBB5Xcu4UyI%2Fuploads%2FYujJrvlXkRGYiLiU3I4p%2F1.png?alt=media&#x26;token=ac6c7179-bdd5-47e4-a670-ff297218dc1b" alt=""><figcaption></figcaption></figure>

## Typography & colours

Use this part to change fonts and colors that match the store's brand style.

<figure><img src="https://2059493604-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRPWLB8MHorBB5Xcu4UyI%2Fuploads%2FYInvER4s6QrkmOUPnRDs%2F2.png?alt=media&#x26;token=2cafc442-e03d-4944-8efd-e3fedf595bd3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The primary objective of this page is for your customers to input their shipping and payment details for their orders, thus avoiding distractions or readability issues is paramount.

Simplicity is key in the design of the checkout page. Opt for high-contrast colors and subtle visuals that won't divert attention.
{% endhint %}