What is the cart drawer?
The Cart drawer is a convenient additional cart experience that allows customers to view and manage their shopping cart without leaving the current page. When activated, it slides out from the side of the screen and displays key cart information such as the selected products, quantities, discounts and total price among other items. The cart drawer also provides further upselling opportunities such as the Free shipping bar and product recommendations.
How to set up the cart drawer
Steps
- Open the Theme editor and go to Theme settings > Cart
- From the two Cart type options available, select Drawer
- There are four After adding to cart options available. Select Show cart drawer
- In the Theme editor, in Overlay Group > Cart drawer there are a variety of settings such as the Terms and conditions link and Show additional checkout options, which can be selected according to store requirements.
Recommended products
Setting up Recommended products in the cart drawer can encourage further customer purchases, highlight new arrivals and show products similar to those already in the cart.
How to set up product recommendations
Steps
- Go to Overlay group > Cart drawer > Recommended products > Show recommended products
- The default heading for product recommendations is 'You may like'. This can be changed in Overlay group > Cart drawer > Recommended products > Heading
- Either choose Select products and choose up to 50 products that will show or tick Enable automatic recommendations. These will show dynamic recommendations populated automatically by a Shopify algorithm that is based on a customer cart contents and shopping behavior. The items displayed will change and improve over time as the Shopify feature improves its algorithm. It's possible to review and amend this list of recommended products using the Shopify Search & Discovery app
FAQs
How do I change my cart icon?
To change the cart icon in the Mode theme header, go into the Theme editor and open the Header settings. Scroll down to the Icons settings and select Bag, Basket or Cart.
Why is the cart drawer not showing?
Check the settings in Theme settings > Cart. The Cart type should be set to Drawer in order for the add to cart action to initiate the cart drawer. If this setting is set to Page then any add to cart actions will direct the customer to the cart page.
Can't find what you're looking for?
Our support staff are here to answer your queries, so don't hesitate to write to us!
Contact us