Cart Trigger
Opens your cart overlay on tap, and auto-opens it when a product is added to the cart.
Last updated
How to use
Place this component in your Navigation component (or wherever the cart icon/button lives).
Wire its tap event to your Cart Overlay — if the trigger is nested inside other components, pass the event variable up through each level.
Connect your
⦿ Design, then choose aWhen Emptybehavior.
Opens on tap — and automatically after adds
Cart Trigger's open event fires when a customer taps it directly, and automatically after an add to cart — so the cart pops open at the right moment with no extra wiring. The auto-open follows the Purchase Button's On Click setting: with Trigger Cart Event (the default), every add opens the full Cart Overlay. If On Click is set to open a Mini Cart — or nothing — adds don't open the cart overlay at all, and this component only opens on direct taps.
When the cart is empty
The When Empty control decides what Cart Trigger shows while the cart has no lines.
| What shows |
|---|---|
| The default trigger design, same as when the cart has items |
| A separate |
| Nothing — the trigger disappears until an item is added |
Tracking: view_cart fires on open
Every time the cart opens through this component, it emits a Google Analytics view_cart event. Optionally set Tracking to record cart opens in Framer Analytics.