# 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="https://1670075522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6M5ltDUBhmgWKXclaWBK%2Fuploads%2FDUhF6i57pgxZO07ha3jZ%2Fimage.png?alt=media&#x26;token=12f62a49-0e62-4b77-a59f-1026e6d58856" alt=""><figcaption></figcaption></figure>
