---
description: >-
  On the Cart Page we need to add the "Manifold Items (Cart)" block as a new
  section and the "Manifold Checkout Buttons" block.
---

# 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="https://268636785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8n4plerMUJrsrAiaKpc2%2Fuploads%2F6GRfK7w1ptGHBsQy6rHV%2Fnav-to-cart-page.gif?alt=media&#x26;token=cbdd0393-fe22-45bf-a582-dc46a0d2d72b" 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="https://268636785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8n4plerMUJrsrAiaKpc2%2Fuploads%2Fg6bt1skqXhTGWAGy5pYP%2Fadd-mani-checkout-buttons.gif?alt=media&#x26;token=910c3be9-4342-4325-901e-6caa896d8f88" 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="https://268636785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8n4plerMUJrsrAiaKpc2%2Fuploads%2FcvgCmSuC0jJPLmLoVWMv%2FMani-cart-a.gif?alt=media&#x26;token=60e9cc39-dea4-44d5-b11d-d60dceebf60c" 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="https://268636785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8n4plerMUJrsrAiaKpc2%2Fuploads%2FbjnvB1x4NO8PoTFX0gE8%2FScreen%20Shot%202023-07-20%20at%202.59.08%20PM.png?alt=media&#x26;token=eff8d36f-1f8b-462b-bc83-2d069ee5e327" alt=""><figcaption></figcaption></figure>



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

