Build a discount extension for Shopify POS

This tutorial shows you how to use the pos.home.tile.render and pos.home.modal.render extension points to build a simple POS UI extension that quickly applies discounts to items in the cart.

You'll develop the scaffolded extension into a smart grid tile that becomes enabled when the cart reaches a total value. When tapped, the tile opens a modal that presents buttons representing available discounts. When tapped, these buttons apply a discount to the cart and present a toast for notification of success.

POS UI Extensions Discount Example App