# Checkout

{% hint style="success" %}
Steps

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

<figure><img src="/files/BJ38jTtQl8wYxeYSJHJU" alt=""><figcaption></figcaption></figure>

You have the flexibility to upload your own background banner and logo to personalize your store. If you choose not to, you can simply leave these options blank.

## Banner <a href="#banner-and-logo" id="banner-and-logo"></a>

<figure><img src="/files/lRmKX3zeavScHzZiY1qP" alt=""><figcaption></figcaption></figure>

## Logo

<figure><img src="/files/9ixbvoJBBfZAQGVQT8Et" alt=""><figcaption></figcaption></figure>

## Main content area <a href="#main-content-area" id="main-content-area"></a>

The background image you select will be featured on the main content area of the checkout page. Should this option remain unset, a background color will be utilized as the default.&#x20;

Additionally, the background of input forms can be customized to be either white or transparent, offering further personalization to match your store's aesthetic.

<figure><img src="/files/ngclDaqX3qtUspxJAl4z" alt=""><figcaption></figcaption></figure>

## Order summary area <a href="#order-summary-area" id="order-summary-area"></a>

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="/files/LdQumZAMSAQQyR5VQkWt" alt=""><figcaption></figcaption></figure>

## Typography & colors <a href="#typography-and-colors" id="typography-and-colors"></a>

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

<figure><img src="/files/6C47AboeMsHfWvIW0OBV" alt=""><figcaption></figcaption></figure>

## Checkout settings <a href="#checkout-settings" id="checkout-settings"></a>

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="/files/oU90uYsCcgNKDDXBlH8a" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://blueskytechco.gitbook.io/alukas-shopify/theme-settings/checkout.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.