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 settingsarrow-up-right 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

A cart layout where items and cart controls are stacked vertically, occupying the right side of the screen
Vertical layout on the Primavera preset
A cart layout where items and cart controls are stacked horizontally, occupying the top half of the screen.
Horizontal layout on the Savoir preset
  • Show dynamic checkout: See Shopify's documentation about accelerated checkoutarrow-up-right

  • Show View cart button: When enabled, a "View cart" button appears under the main checkout buttons and navigates users to the cart page

  • 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:

  • This is a specialized version of the 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

circle-info

Can't find the setting you're looking for? The following settings are explained in detail in common settings:

  • Color scheme

Last updated

Was this helpful?