# Cart

***

#### 1. In the theme editor, click <mark style="color:blue;">**Theme settings**</mark>**.**

#### 2. Locate <mark style="color:blue;">**Cart**</mark>.

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/d2cd3186-d825-4851-a9b5-158fa7975eaf/Screenshot%202023-12-20%20at%204.23.49%20PM.png" alt=""><figcaption></figcaption></figure>

#### 3. Use the drop-down menu to select a <mark style="color:blue;">Cart tyle</mark>:

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/a1cbe101-6ed4-4984-9854-da767825d169/Screenshot%202023-12-20%20at%204.25.44%20PM.png" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**InspiredTheme** includes **three** distinct cart types: **Popup notification**, **Page**, and **Drawer**. The cart types have separate functions and approach the add-to-cart process differently.
{% endhint %}

* **Page:** A cart page refers to a static landing page that displays the summary of all the products you have added to the cart, the subtotal and total price of the products, and checkout options. A cart page eases the customers’ online shopping by showing all the necessary information on a single page. When your customer clicks the cart icon in the header will take them directly to the cart page.

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/d518391c-8f67-4633-8234-d96247d42ec5/Screenshot%202023-12-18%20at%203.50.58%20PM.png" alt=""><figcaption></figcaption></figure>

<details>

<summary><strong>How to set up the cart page?</strong></summary>

* In your theme editor, use the **Templates selector** to open **Cart**.

<img src="https://t9008110498.p.clickup-attachments.com/t9008110498/296147e8-ea19-411b-b720-90fd4739de4b/Screenshot%202023-12-18%20at%203.56.38%20PM.png" alt="" data-size="original">

* Click the **Cart page** section to open the settings. You can add and edit theme sections (link article: Sections) to customize the layout of your page.

<img src="https://t9008110498.p.clickup-attachments.com/t9008110498/94e935e6-6797-4fd2-b59b-6e11cf8ebd09/Screenshot%202023-12-18%20at%203.52.17%20PM.png" alt="" data-size="original">

</details>

* **Drawer:** A cart drawer displays the information on 25% of the screen. It’s a slide where your cart information will show. It allows customers to continue shopping while they can see the cart information in the cart drawer.

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/0501bd62-afdb-49ad-9770-2aabede0dcab/Screenshot%202023-12-18%20at%203.49.05%20PM.png" alt=""><figcaption></figcaption></figure>

<details>

<summary>Cart drawer settings</summary>

![](https://t9008110498.p.clickup-attachments.com/t9008110498/f15b90f3-a1bd-42d0-9497-ccead12986c7/Screenshot%202023-12-20%20at%204.26.23%20PM.png)

* To display the vendor of the items in a customer's cart, select **Show vendor**.
* To provide customers with an area to make special requests or add extra order information, select the **Enable cart note** option.

<img src="https://t9008110498.p.clickup-attachments.com/t9008110498/a0c56f73-d810-4f1f-9931-97c5a9cdd62a/Screenshot%202023-12-20%20at%204.28.57%20PM.png" alt="" data-size="original">

</details>

* **Popup notification**: When your customer adds a product to the cart, they will see a pop-up showing the updated shopping cart information under the Cart icon.

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


---

# Agent Instructions: 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:

```
GET https://help.inspiredtheme.com/articles/pages/other-pages/cart.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.
