> For the complete documentation index, see [llms.txt](https://docs.manifold.xyz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.manifold.xyz/manifold-for-developers/shopify-merch-bridge/tutorial/step-2-store-theme-setup/2.3-cart-page-setup.md).

# 2.3 Cart Page Setup

### Navigate to the Cart Page

Use the drop down to navigate to the Cart page of the Theme

<figure><img src="/files/jOmh5WzaWPlqYpFACfen" alt="" width="563"><figcaption><p>Navigate to the Cart Page</p></figcaption></figure>

### Add the Manifold Checkout Buttons block

In the *Subtotal* section

* click Add block
* Select the Manifold Checkout Buttons

<figure><img src="/files/uX5jRXYmBvSrPxh0oTqd" alt="" width="563"><figcaption><p>Add the Manifold Checkout Buttons</p></figcaption></figure>

{% hint style="info" %}
Just like with the Manifold Buy Button, you do not have to hide the default Checkout button. The Checkout button will load if an item in your cart is token gated, and replace the normal checkout button.
{% endhint %}

### Add the Manifold Items (Cart)

* Click Add section
* navigate to Apps and select **Manifold Items (Cart)**
* Drag the new section up to where the Items section is
* **Hide the existing Items section!**

<figure><img src="/files/VJZGinQmX1BEKonDSIYd" alt="" width="563"><figcaption><p>Add the Manifold Items block as a new section. Drag it up. Then hide the default Items section.</p></figcaption></figure>

{% hint style="info" %}
Note: Make sure to hide the default Items section in the Cart page. As the Manifold Items (Cart) component can handle token gated and non-token gated products.&#x20;
{% endhint %}

**Once again, make sure to hit Save** in the top right.

<figure><img src="/files/sf08L0d1QMdeKRLgFZln" alt=""><figcaption></figcaption></figure>

**Congrats! If you followed Steps 1-2, You now have a fully configured product gate!**


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.manifold.xyz/manifold-for-developers/shopify-merch-bridge/tutorial/step-2-store-theme-setup/2.3-cart-page-setup.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
