# Cart page

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. 

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**
* **Empty cart alignment:** When the cart is empty, choose if the content should be aligned to the left, center or right

<figure><img src="https://3146423938-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZQuVfmt0J7tzTvfBqG6C%2Fuploads%2Fj05zabKtJ1cW6DEC727z%2Fimage.png?alt=media&#x26;token=4c89d41c-2d28-462a-bebb-4c1ef2fa4d5b" alt="&#x27;Your cart is empty&#x27;, center aligned."><figcaption><p>Empty cart alignment set to "Center"</p></figcaption></figure>

* **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)
* **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](https://docs.ultramarinastudios.com/blocks/mini-product) 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](https://docs.ultramarinastudios.com/common-settings):

* Color scheme/Color scheme transition
* Padding
* Borders
  {% endhint %}