# Cart drawer

In **Theme Settings > Cart**, you can choose whether to have a **cart drawer** or a use a **page** instead, as well as a number of other global cart settings. Find out more about global cart settings on our designated [cart settings](https://docs.ultramarinastudios.com/theme-settings/cart) page.

This article will take you through the settings specific to the **drawer**, although you'll notice it shares a lot of commonalities with page settings.

### Settings

* **Heading size**
* **Layout on desktop:** Choose between **horizontal** and **vertical**<br>

<div><figure><img src="/files/RXBs1xpwypxHjXazzYW4" alt="A cart layout where items and cart controls are stacked vertically, occupying the right side of the screen"><figcaption><p>Vertical layout on the Primavera preset</p></figcaption></figure> <figure><img src="/files/RQEoz15OUsiTBplQlAfY" alt="A cart layout where items and cart controls are stacked horizontally, occupying the top half of the screen."><figcaption><p>Horizontal layout on the Savoir preset</p></figcaption></figure></div>

* **Show dynamic checkout:** See Shopify's documentation about [accelerated checkout](https://shopify.dev/docs/storefronts/themes/pricing-payments/accelerated-checkout#implementing-accelerated-checkout-buttons-in-your-theme)
* **Show View cart button**: When enabled, a "View cart" button appears under the main checkout buttons and navigates users to the [cart page](/templates/cart-page.md)
* **Products:** This affects the cart items as well as any **Upsell product blocks** you add.
  * **Image width**: Product image width from 70 to 200. Be mindful of checking how this affects the cart on smaller screens.
  * **Product title font**
  * **Price font**

### Blocks

**Upsell product**:&#x20;

* This is a specialized version of the [mini product](/blocks/mini-product.md) which inherits the **product title font**, **price font** and **image width** specified for the cart drawer (see above)
* It also comes with additional **text** and **text font style** settings to provide optional context about the upsell

{% hint style="info" %}
Can't find the setting you're looking for?  The following settings are explained in detail in [common settings](/common-settings.md):

* Color scheme
  {% endhint %}


---

# 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://docs.ultramarinastudios.com/sections/cart-drawer.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.