Hyper Theme
Hyper Theme
Pages Global Sections

Cart drawer

2 min read
image

Cart drawer (also known as the slide-out cart, or side cart) allows customers to view and manage their shopping cart without leaving the current page.

Overall, a cart drawer is useful for improving the user experience and increasing conversions to an online store. By giving an enhanced customer experience, you can reduce the cart abandonment rate of your store.

How to enable the cart drawer for your Shopify store

Steps:

  1. From the theme editor (Customize), navigate to Theme settings > Cart.
  2. Set the Cart type as Drawer.
  3. Save the changes.
Cart
image

How to customize your cart drawer

image

General settings

image
  • Show cart note: Allow customers to leave a note for their order.
  • Show shipping rates calculator: Display a tool that lets customers estimate their shipping costs before they proceed to the checkout page.

Free shipping goal

image

Enable this to display a progress bar indicating how much more the customer needs to spend to qualify for free shipping.

To have this work, make sure:

  • You enter the Free shipping minimum amount in Theme settings > Cart
  • You have set up your free shipping rates in Shopify admin. See how
The Free shipping goal is based on the store's primary currency. If customers switch to another currency, the goal will be calculated using Shopify market exchange rates.

Cart recommendation

image

The Cart recommendation presents complementary product recommendations upon cart addition. The recommendations are dynamic and based on the items in your cart. They change and improve with time.

Shopify Search & Discovery app is required to display product recommendations.
To learn more about the recommendation logic, see Shopify's Recommendations.
To customize the recommendation list displayed on your product page and cart recommendations, see Shopify Help Center.
Last updated