Targets Overview
A target represents where your POS UI extension will appear.
You register targets in your shopify.extension.toml and inside the Javascript file denoted by your toml's module property.
Anchor to tile-locationsPOS tile locations
POS tile extensions appear on the smart grid. Learn more about the smart grid.
Anchor to pos-tile-locations-smart-gridSmart grid
Displays a tile on the smart grid.
See an example.
Anchor to action-locationsPOS action locations
POS action extensions appear as menu items throughout the POS and display modally when tapped.
Anchor to pos-action-locations-post-purchasePost-purchase
Displays an action target modally when a menu item is tapped on the post-purchase screen.
See an example.
Anchor to pos-action-locations-post-returnPost-return
Displays an action target modally when a menu item is tapped on the post-return screen.
See an example.
Anchor to pos-action-locations-post-exchangePost-exchange
Displays an action target modally when a menu item is tapped on the post-exchange screen.
See an example.
Anchor to pos-action-locations-customer-detailsCustomer details
Displays an action target modally when a menu item is tapped on the customer details screen.
See an example.
Anchor to pos-action-locations-product-detailsProduct details
Displays an action target modally when a menu item is tapped on the product details screen.
See an example.
Anchor to pos-action-locations-order-detailsOrder details
Displays an action target modally when a menu item is tapped on the order details screen.
See an example.
Anchor to pos-action-locations-draft-order-detailsDraft order details
Displays an action target modally when a menu item is tapped on the draft order details screen.
See an example.
Anchor to pos-action-locations-cart-line-item-detailsCart line item details
Displays an action target modally when a menu item is tapped on the cart line item details screen.
See an example.
Anchor to block-locationsPOS block locations
POS block extensions render custom sections within native POS screens.
Anchor to pos-block-locations-post-purchasePost-purchase
Renders a custom section within the native post purchase screen.
See an example.
Anchor to pos-block-locations-post-returnPost-return
Renders a custom section within the native post return screen.
See an example.
Anchor to pos-block-locations-post-exchangePost-exchange
Renders a custom section within the native post exchange screen.
See an example.
Anchor to pos-block-locations-customer-detailsCustomer details
Renders a custom section within the customer details screen.
See an example.
Anchor to pos-block-locations-product-detailsProduct details
Renders a custom section within the native product details screen.
See an example.
Anchor to pos-block-locations-order-detailsOrder details
Renders a custom section within the native order details screen.
See an example.
Anchor to pos-block-locations-draft-order-detailsDraft order details
Renders a custom section within the native draft order details screen.
See an example.
Anchor to pos-block-locations-receipt-headerReceipt header
Renders a custom section in the header of printed receipts.
See an example.
Anchor to observe-eventsPOS observe events
POS observe event extensions listen for specific events that occur during POS operations.
Anchor to pos-observe-events-transaction-completeTransaction complete
Observes when a transaction is completed in the POS.
See an example.
Anchor to pos-observe-events-cash-tracking-session-startCash tracking session start
Observes when a cash tracking session is started.
See an example.
Anchor to pos-observe-events-cash-tracking-session-completeCash tracking session complete
Observes when a cash tracking session is completed.
See an example.
Anchor to pos-observe-events-cart-updateCart update
Observes when the cart is updated during a transaction.
See an example.