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.

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 checkout

  • 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

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?