# Cart & Checkout

## Static sections

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

{% content-ref url="../pages-global-sections/announcement-bar" %}
[announcement-bar](https://docs.foxecom.com/zest-theme/pages-global-sections/announcement-bar)
{% endcontent-ref %}

{% content-ref url="../pages-global-sections/header" %}
[header](https://docs.foxecom.com/zest-theme/pages-global-sections/header)
{% endcontent-ref %}

{% content-ref url="../pages-global-sections/footer" %}
[footer](https://docs.foxecom.com/zest-theme/pages-global-sections/footer)
{% endcontent-ref %}

{% content-ref url="../pages-global-sections/mobile-navigation-bar" %}
[mobile-navigation-bar](https://docs.foxecom.com/zest-theme/pages-global-sections/mobile-navigation-bar)
{% endcontent-ref %}

{% content-ref url="../pages-global-sections/pop-up" %}
[pop-up](https://docs.foxecom.com/zest-theme/pages-global-sections/pop-up)
{% 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="../theme-settings/checkout" %}
[checkout](https://docs.foxecom.com/zest-theme/theme-settings/checkout)
{% endcontent-ref %}

## Cart page

For cart page, you can add any section that is listed in [Theme sections](https://docs.foxecom.com/zest-theme/theme-sections). 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="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FIAs52i4TogAGOfPTRbAO%2Fcart_page.jpg?alt=media&#x26;token=8c80cbfe-ecff-425d-b700-627f246becc4" 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="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FjsiZZs5jwYehLiDjhM3H%2Fimage.png?alt=media&#x26;token=a572972d-1eec-4b9d-a097-d275b142e184" alt="Cart footer blocks list"><figcaption></figcaption></figure>

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

{% content-ref url="../theme-settings/cart" %}
[cart](https://docs.foxecom.com/zest-theme/theme-settings/cart)
{% endcontent-ref %}