Cart Drawer

To set up the cart drawer for your store, follow the steps below.

• From your Shopify admin, go to Online Store -> Themes.

• Find the theme that you want to edit, and then click Customize.

• Click Theme settings -> Cart -> Select Type Drawer

In Popup group -> Add Cart drawer

Cart Drawer Setting

Configuration

Label	Type	Description	Visibility
Notice	paragraph	To display your cart drawer, choose the cart type 'Drawer' in your theme settings.	Always visible
Collection	collection	Select a collection to display in the cart drawer when it is empty.	Always visible
Color scheme	color_scheme	Choose the color scheme to apply to the cart drawer.	Always visible

Inside the cart drawer, there are two blocks that allow you to configure the content displayed in the drawer:

1. Cart Product

   • This block displays the products that have been added to the cart inside the cart drawer.

     Cart Product Settings

     Label	Type	Description	Visibility
     Gap	range	Adjust the spacing (in pixels) between individual product items within the cart list.	Always visible
     Aspect ratio	select	Select the visual proportion for product images. Auto adapts to the image, Portrait uses a tall format, and Square uses equal width and height.	Always visible
     Border	checkbox	Enable this to display a subtle border separating each product item in the list.	Always visible
     Vendor	checkbox	Enable this to show the product's brand or manufacturer name above the product title.	Always visible

     Padding

     Label	Type	Description	Visibility
     Top	range	Set the internal spacing at the top of the product block.	Always visible
     Bottom	range	Set the internal spacing at the bottom of the product block.	Always visible
     Left	range	Set the internal spacing on the left side of the product block.	Always visible
     Right	range	Set the internal spacing on the right side of the product block.	Always visible

2. Cart Popular Products

   • This block displays an additional, customizable product block inside the cart drawer.

Cart Popular Products Settings

Label	Type	Description	Visibility
Title	text	Enter the heading text to be displayed above the popular products section (e.g., "You May Also Like").	Always visible
Collection	collection	Select a collection of products to recommend to customers in the cart drawer.	Always visible
Show products	range	Set the number of products to display from the selected collection.	Visible when "Collection" is not empty
Show arrows	checkbox	Enable this to display navigation arrows for scrolling through the recommended products.	Visible when "Collection" is not empty

Padding

Label	Type	Description	Visibility
Top	range	Set the internal spacing at the top of the popular products section.	Always visible
Bottom	range	Set the internal spacing at the bottom of the popular products section.	Always visible
Left	range	Set the internal spacing on the left side of the popular products section.	Always visible
Right	range	Set the internal spacing on the right side of the popular products section.	Always visible