Cart main

Build powerful cart functionality using either the cart drawer or the cart page layout.

The cart drawer (or cart page) is a critical part of any Shopify store. For that reason, we’ve taken the time to carefully build a powerful cart experience that includes all the essential features you need to make the most of your store—without sacrificing user experience.

In our demo store, all available cart features are enabled (listed in the menu on the left). These are meant for demonstration purposes only. You’re free to keep only the features your store requires and disable or remove the rest as needed.

Cart drawer (recommend way)
Cart page

Cart behavior: Drawer vs Cart page

There are two ways the cart can behave in the theme:

  • Cart drawer

  • Cart page

We generally recommend using the cart drawer, as it’s proven to improve user experience and reduce friction during the shopping journey. However, there may be cases where a full cart page better suits your store’s needs.

To switch to the cart page:

  1. Go to Theme settings

  2. Open the General block

  3. Set Cart type to Page, as shown in the screenshot below

From the same settings panel, you can also change the cart icon from the default cart to a bag (see the setting below).

General cart settings

As mentioned above, all cart features are fully documented on their own dedicated pages, which you can access from the menu on the left. In addition to those feature-specific options, both the cart drawer and the cart page share a set of general settings, visible in the screenshot below.

General cart drawer/page settings

Most of these settings are self-explanatory, so we won’t go into detail for all of them. However, the first two deserve a brief explanation:

  • Show dynamic buttons When enabled, Shopify will automatically display accelerated payment buttons (such as Apple Pay, Google Pay, or Shop Pay) directly below the main Checkout button in the cart footer. This can help improve conversion rates by reducing checkout friction.

  • Show payment terms If you’re using Shopify Payments, this option displays payment installment messaging (for example, “Pay in 4 installments” with Shop Pay). This can be especially helpful for increasing conversions on higher-priced products.

Last updated