> For the complete documentation index, see [llms.txt](https://blueskytechco.gitbook.io/alukas-shopify/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://blueskytechco.gitbook.io/alukas-shopify/theme-settings/checkout.md).

# 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>