Standard storefront events and actions

Standard events and actions are a fixed set of event names and calls that don't change from one storefront to the next. A storefront dispatches an event when a commerce interaction happens, such as a buyer adding an item to the cart. An app or an AI agent calls an action to request a change, such as opening the cart.

Apps used to do this by parsing a storefront's DOM or intercepting window.fetch, which meant a separate integration for every storefront. Now one integration covers them all.

Anchor to EventsEvents

Events are DOM events with a shopify: prefix, such as shopify:product:view and shopify:cart:lines-update. They cover page and product views, collection filtering, cart changes, and search.

Dispatch events

Emit events from your storefront when commerce interactions happen.

Listen for events

Respond to storefront activity from your app or your storefront code.

Anchor to ActionsActions

Actions are calls your app makes to read the cart, change it, or show it to the buyer, without needing to know how that storefront renders it. The same openCart call works for a drawer or a cart page.

Actions work out of the box on every Liquid storefront. Every action has a default behavior, and a storefront can override it.