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

# Cart

Customize the Cart page using the sections and blocks available in the current template.

{% hint style="success" %}
**Tip:** To edit the page, choose **"Cart"** in the top drop-down.
{% endhint %}

The template includes two static sections that help change the look and feel of the Cart page: **"Cart items"** and **"Cart summary"**.

<mark style="color:orange;">**Note!**</mark> Both sections contain the following settings:

**Dividing line**\
Add a divider by setting its position: "Top", "Bottom", or "Both". Select "None" to hide the divider.

**Top spacing /** **Bottom spacing**\
Decide whether to add spaces at the top and bottom of the section. Control spacing settings from 0 to 100 pixels on each scale.

{% hint style="success" %}
The **"Cart items"** and **"Cart summary"** contain additional blocks described below.\
To hide each block, press the eye icon next to each block when it is hovered over.
{% endhint %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FfVAwE9gs8Zp8jQX5MaR5%2Fcart%20page_hide%20block.png?alt=media&amp;token=9a526dc5-181a-44ce-bc9f-b42de46a8d10" alt=""><figcaption></figcaption></figure>

***

## Cart items

Displays products added to the cart along with additional information and tools to help customers review their order before checkout.

Content is displayed on the page using the following blocks:

* **Header**. Displays the heading for the cart items section.
* **Cart countdown**. Displays a countdown timer to encourage customers to complete their purchase within a specified time.
* **Free shipping**. Displays a Free Shipping progress bar showing how much more customers need to spend to qualify for free shipping.\ <mark style="color:orange;">**Note!**</mark> Configure the Free Shipping progress bar in *Theme settings -> Cart ->* [*<mark style="color:blue;">Free shipping progress bar</mark>*](/unicorn-shopify-theme/theme-settings/cart.md#free-shipping-progress-bar).
* **Items**. Displays the items in your cart, including product information, quantities, prices, and controls for updating or deleting items.

**Show vendor**\
Displays the brands of products added to the cart.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FqLrf1joSJL6024J7LPqS%2Fcart%20page_cart%20items.png?alt=media&amp;token=223feaac-a039-4174-8011-00725b95c23f" alt=""><figcaption></figcaption></figure>

***

## Cart summary

Displays the cart summary and provides customers with the information and actions needed before proceeding to checkout.

The section supports the following blocks:

* **Note**. Displays the "Order special instruction" field where customers can add comments or special requests for their order.\
  The notes entered into the input field appear in your *Shopify admin -> Orders -> Notes*.
* **Subtotal**. Displays the current cart subtotal before taxes, shipping, and any applicable discounts.
* **Checkout buttons**. Displays the "Check out" button and any accelerated checkout buttons supported by your store's payment provider, allowing customers to continue their purchase.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FDqIrWkv7DWbg5QUQJTF8%2Fcart%20page_cart%20summary.png?alt=media&amp;token=dae32d45-c6c3-4d23-9676-3b88871cc395" alt=""><figcaption></figcaption></figure>

***

{% tabs %}
{% tab title="Desktop" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2F1lL4bEVhJf8uYoHBFQ3Z%2Fcart%20page_desktop.png?alt=media&amp;token=6e4525ce-2d02-4ff8-a621-af8af1fd696f" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Mobile" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2Fx8BIzjLkU2qOuLsOavCv%2Fcart%20page_mobile.png?alt=media&amp;token=a51cf560-6717-4b1f-b1c6-d871146b304c" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}