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

# Cart & Checkout

## Static sections

You can click on the link to check out the instruction listed below. 

{% content-ref url="/pages/-MlQJU1lnR2RETVx0khQ" %}
[Announcement bar](/zest-theme/pages-global-sections/announcement-bar.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MlQ9s1XznIcLRq38ScE" %}
[Header](/zest-theme/pages-global-sections/header.md)
{% endcontent-ref %}

{% content-ref url="/pages/ZyhVj2Qzm7YhmJ14tbbC" %}
[Footer](/zest-theme/pages-global-sections/footer.md)
{% endcontent-ref %}

{% content-ref url="/pages/Qa23y2mnCcSDgrtfx1fO" %}
[Mobile navigation bar](/zest-theme/pages-global-sections/mobile-navigation-bar.md)
{% endcontent-ref %}

{% content-ref url="/pages/6xUBnku03IdHT463sXET" %}
[Pop-up](/zest-theme/pages-global-sections/pop-up.md)
{% endcontent-ref %}

## Checkout page

For checkout page, you can check the instruction in the link below.

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), open the template selector.
2. Select **Checkout.**
3. Make necessary changes.
4. **Save.**
   {% endhint %}

{% content-ref url="/pages/QE9hlNEGspGAgAebTYNd" %}
[Checkout](/zest-theme/theme-settings/checkout.md)
{% endcontent-ref %}

## Cart page

For cart page, you can add any section that is listed in [Theme sections](/zest-theme/theme-sections/before-after-image-slider.md). Nevertheless, there is a section that designed specifically for the cart page.

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), open the template selector
2. Select **Cart.**
3. On the left-side bar, select **Cart footer.**
4. Make necessary changes **> Save.**
   {% endhint %}

<figure><img src="/files/1prxUIuLpUnnaVq00CNe" alt="An example of a cart page in Zest theme"><figcaption></figcaption></figure>

* Show/ hide subtotal price: allow customers know total price before tax and shipping fee
* Show/ hide checkout button: make it easier for users to check out and complete purchase
* Show/ hide order note: allow users to add any additional for the store to check before shipping out
* Enable calculate shipping rates : users enter their address to determine the shipping fee.
* Text
* Trust badge image

<figure><img src="/files/CburVxekfncLpZlaS02N" alt="Cart footer blocks list"><figcaption></figcaption></figure>

Check out the guide to set up Cart general settings here:

{% content-ref url="/pages/eLsKasJgj5ZAS8dvxoOa" %}
[Cart](/zest-theme/theme-settings/cart.md)
{% endcontent-ref %}