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.
This allows customers to quickly review and make changes to their cart, enhancing the overall shopping experience. The cart drawer in Symmetry also provides upselling and conversion focused features like the Free shipping bar and product recommendations.
The Cart drawer section offers additional ecommerce settings aimed at an enhanced customer experience such as Cart notes, Show tax status and shipping policy link, Enable direct checkout, Terms and Conditions link and Show backorder text (for products that use inventory tracking and are available to purchase when out of stock). These settings are easily enabled by using the checkboxes or by inputting desired links to policy pages.
Symmetry's cart drawer also has additional informative settings for inventory and announcements to help give customers more details to assist with the purchase decision.
How to set up the cart drawer
- To enable the cart drawer open up the Theme Editor, select Theme settings and open the Cart settings.
- Select Drawer in the Cart type setting dropdown to enable the cart drawer functionality.
- This sets the cart drawer as the default cart experience for the customer on the store.
- When the drawer is the chosen Cart type, the Cart drawer section settings can be used to configure the layout of the drawer and choose whether to Enable direct checkout.
The cart drawer can also hold announcement text and links useful to highlight shipping information or directing customers to new stock or promotions. Set the Position in the cart drawer and customize the look of the announcement using the Icon and Box style settings.
Show recommended products in your cart drawer to encourage further customer purchases, highlight new arrivals and show products similar to those already in the cart. Enable automatic recommendations to 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. Alternatively, you can select a list of products to show so that the same recommended products appear for all customers regardless of the cart contents.
How do I change my cart icon?
To change the cart icon in the Symmetry theme header, go into the Theme editor and open the Header settings. Scroll down to the Cart icon 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.
How do I control what is shown on the cart drawer when it is empty?
Go to the Cart drawer section settings and configure the Empty cart settings to add a links and text to direct customers towards further purchases in store.
To change the cart icon on an empty cart drawer, go into the Theme editor and open the Cart drawer settings. Scroll down to the Empty cart icon settings and select a Bag, Basket or Cart icon or None.