# Checkout

{% hint style="success" %}
Steps

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

The settings include:

### Banner & logo

Merchants can add their background banner or logo. If not, they can leave it blank.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/j9AiMMBbNv1rdtTZ74Gf/image.png" alt=""><figcaption></figcaption></figure>

### &#x20;Main content area

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/oqMtxQpg5eDkxKKYFbtS/image.png" alt=""><figcaption></figcaption></figure>

### 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://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/IxWocVMcifZ5Uge6Bw1y/image.png" alt=""><figcaption></figcaption></figure>

### Typography & colors

Use this part to change fonts and colors that match the store' aesthetic look.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/F2D333xvaqoVHcfY6DBi/image.png" alt=""><figcaption></figcaption></figure>

### Checkout settings

In a **One-page checkout**, customers will navigate through information, shipping, and payment, all within a single page. Conversely, in a **Three-page checkout**, these details will be spread across three individual pages.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/GlQLfIO6mqW0vww3FFQS/image.png" alt=""><figcaption></figcaption></figure>