Triggering the Instant Cart Drawer
Overview
The Instant Cart drawer can be triggered from various elements in your storefront—such as the cart icon in your navigation or an Add to Cart button on product pages. To make this work, you’ll need to configure interactions inside Instant so that the correct cart drawer opens when a customer takes an action.
Automatic cart actions setup
For supported themes (Dawn, Sense and derivatives of these two themes) support Automatic cart actions setup. Through this feature, all Add to cart actions are all automatically set to open the Instant Cart Drawer. No further setup such as adding theme codes is necessary with this setup.
This feature can lead to unexpected behavior on unsupported themes, it is necessary to evaluate the functionality of your store after enabling this feature.
Navigate to your published cart layout in Instant
Go to Cart settings by clicking on the 3 dots icon in the layout panel for your selected layout
Enable the Automatic cart actions setup.
For manual setups
It is also possible to manually setup the Instant cart triggers for themes that are not supported to utilize the automatic cart setup.
Triggering the Cart Drawer from Navigation
Select the Cart Icon
In your Instant Navigation layout, click the cart icon on the canvas.
Check Default Action
Navigate to the Interactions panel.
By default, the cart icon is set to the action Open Cart Page.
Optional: Remove the action if it is any other action than Open Cart
Add / Change the Action
Add the Open Cart action if no action is defined.
Click on Open Cart and select Instant Cart in the dropdown.
Publish and Test
Once published, clicking the navigation cart icon will now open your Instant Cart drawer.
Triggering the Cart Drawer from a Product Page
Select the Add to Cart Button
On the product page layout, click on the Add to Cart button.
Configure the Interaction
Navigate to the Interactions panel.
Add a new action and select Add to Cart.
Define Behavior
In the action settings, specify what happens after the product is added:
Choose Open Instant Cart to immediately show the cart drawer.
Alternatively, you could redirect to a cart page, but using Instant Cart creates a smoother, modern checkout experience.
Publish and Test
After publishing, test by adding a product to confirm the Instant Cart drawer opens correctly.