> For the complete documentation index, see [llms.txt](https://nextsky.gitbook.io/purity-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nextsky.gitbook.io/purity-theme/theme-settings/cart.md).

# Cart

The shopping **Cart** enhances the online shopping experience by organizing selected items, automatically calculating totals, and streamlining the checkout process—providing users with greater convenience, clarity, and flexibility.

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

### 1. Cart

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

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Action after add cart on desktop</strong></td><td><p>Display the products after you've added them to the shopping cart</p><ul><li><strong>Drawer</strong>: Display the cart drawer</li><li><strong>Page</strong>: Redirect to the cart page</li></ul></td></tr></tbody></table>

### 2. Mobile settings

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

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Action after add cart</strong></td><td><p>Select what happens after a customer adds a product to cart on mobile.</p><ul><li><strong>Open mini cart</strong></li><li><strong>Notify message</strong></li><li><strong>Open cart once, notify after</strong></li></ul></td></tr><tr><td><strong>Open cart as</strong></td><td><p>Choose how the cart opens when tapping the cart icon in header and mobile navigation bar.</p><ul><li><strong>Drawer</strong></li><li><strong>Popup</strong></li></ul></td></tr></tbody></table>

### 3. Free shipping message

Free shipping can benefit an online store by attracting customers and increasing sales. It's seen as a value-added incentive, reducing cart abandonment rates and encouraging larger purchases. Ultimately, it enhances the overall shopping experience and customer satisfaction.

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

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Message</strong></td><td>Customize the message shown to users. Use <code>[amount]</code> to dynamically display how much more the customer needs to spend to get free shipping.</td></tr><tr><td><strong>Free shipping minimum amount</strong></td><td>Set the minimum order value required to qualify for free shipping. Enter whole numbers only (no symbols or currency signs).</td></tr></tbody></table>

### 4. Cart count down

Display a countdown timer to indicate limited product stock, creating urgency and encouraging quicker purchase decisions.

<figure><img src="/files/1u42WIlxJP7CcLTWzdW3" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Show on minicart and cart page</strong></td><td>Display the cart countdown timer on both the mini cart and the cart page.</td></tr><tr><td><strong>Duration</strong></td><td>Set the length of time the countdown timer runs.</td></tr></tbody></table>

### 5. Product recommendations

Product recommendations boost sales and enhance the shopping experience by suggesting relevant items based on customer behavior.

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

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Enable product recommendations</strong></td><td>Product recommendations will be shown on the mini cart and cart page</td></tr><tr><td><strong>Show on mobile</strong></td><td>Display product recommendations on mobile devices.</td></tr><tr><td><strong>Heading</strong></td><td>Product recommendations section heading.</td></tr><tr><td><strong>Product recommendations type</strong></td><td><p>Customize the display style of product recommendations</p><ul><li><strong>Auto</strong></li><li><strong>Selected</strong></li></ul></td></tr><tr><td><strong>Maximum products to show</strong></td><td>Define the maximum number of products displayed at a time in the section.</td></tr><tr><td><strong>Product</strong></td><td>Customize product recommendations when selecting product recommendations type as selected.</td></tr></tbody></table>

### 6. Product gift wrap

Allow customers to add a gift wrapping option to their purchase.

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

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Product</strong></td><td>Choose a product to use as the gift wrap option.<br>*<em>Note: This only works with products that do not have variants.</em></td></tr></tbody></table>

### 7. Empty cart settings

Below are the available settings and their descriptions to help you customize your empty cart experience and promotional messages effectively:

<figure><img src="/files/wxaRubk8qATRqlhIRv00" alt="" width="237"><figcaption></figcaption></figure>

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

<figure><img src="/files/IHDuoZKtZIRHB8krX5Qp" alt="" width="237"><figcaption></figcaption></figure>

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Heading</strong></td><td>Set the main title text displayed when the cart is empty.</td></tr><tr><td><strong>Description</strong></td><td>Add a short promotional or instructional message below the heading.</td></tr><tr><td><strong>Empty cart layout</strong></td><td>Choose between List and Grid layout for your minicart when it's empty.</td></tr><tr><td><strong>Collection list</strong></td><td>Display their featured image by default. Use metafield to change image and text.</td></tr><tr><td><strong>Collections text color</strong></td><td>Set the text color for the featured collection title.</td></tr><tr><td><strong>Button label</strong></td><td>Customize the text shown on the action button linking to collections.</td></tr><tr><td><strong>Button link</strong></td><td>Add a URL or select a page for the button to redirect users to.<br>*<em>Note: Default is Collection all page</em></td></tr><tr><td><strong>Free shipping message</strong></td><td>Display a promotional message offering free delivery for orders above a certain amount.</td></tr><tr><td><strong>Terms and Conditions - Show checkbox in mini cart and cart page</strong></td><td>Show an agree checkbox for your Terms and Conditions inside your cart.</td></tr></tbody></table>

{% tabs %}
{% tab title="Empty cart layout - List" %}

<figure><img src="/files/bkWehUBPpQDRk6UIi3Uc" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Empty cart layout - Grid" %}

<figure><img src="/files/qVw8tz3HKmlZNgnf70ey" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}