# Cart & Checkout

<div data-full-width="true"><figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2Fa5w6LQkUFhLWSt58jhjP%2FHelp%20Center%20banner%20%201250%20x%20200-2.png?alt=media&#x26;token=ab0daf12-b917-4435-a603-9a3f6613f853" alt=""><figcaption><p><a href="https://foxecom.com/pages/affiliate?utm_source=minimog%2Bhelp%2Bcenter&#x26;utm_medium=banner&#x26;utm_campaign=foxaffiliatelaunch2024">Explore FoxEcom Affiliate Program now </a><span data-gb-custom-inline data-tag="emoji" data-code="2728">✨</span></p></figcaption></figure></div>

{% embed url="<https://youtu.be/WrJaJQ2GqGk>" %}

### Static sections

Merchants can click on the link to check out the instruction listed below.&#x20;

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

{% content-ref url="../pages-global-sections/age-verifier-pop-up" %}
[age-verifier-pop-up](https://docs.foxecom.com/minimog-theme/pages-global-sections/age-verifier-pop-up)
{% endcontent-ref %}

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

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

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

#### Checkout

For the checkout page, merchants 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/minimog-theme/theme-settings/checkout)
{% endcontent-ref %}

#### Cart

For the cart page, merchants can add any section that is listed in the [Theme sections](https://docs.foxecom.com/minimog-theme/theme-sections). Nevertheless, there is a section 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 template.**
4. Make necessary changes **> Save.**
   {% endhint %}

![](https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FJCS2uSyaEOY9zekmTjL4%2FScreen%20Shot%202021-11-08%20at%2021.40.13.png?alt=media\&token=4d5628ec-dc30-4ac3-8ca5-4926d2fe148f)

* **Show cart note**: allow users to add any additional for the store to check before shipping out.
* **Show discount code**: provide any special promotion coupon
* **Show estimate shipping rates**: users enter their address to determine the shipping fee.
* **Trust badge** image.

![](https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2F0GkaDZILMMQzS9s2R9A1%2FScreen%20Shot%202021-10-22%20at%2021.22.50.png?alt=media\&token=950b9290-edbd-4a64-a36b-540b4821acbe)