Is it possible to select a different product when testing a checkout UI extension?

Extensions
1

Hey there,

shopify app dev allows you to hot reload and test your Checkout UI Extension with a solid feedback loop of code changes → the sample checkout (through the dev preview).

However, I’ve noticed that it automatically selects a single product The Videographer Snowboard and this isn’t editable. When you leave the checkout and come back, you leave the session.

Effectively, if your checkout UI extension needs to test different products, it’s not possible without using shopify app deploy against your dev store and wait for the cache bust.

As a user I’ve tried:

  1. starting shopify app dev
  2. Initiate a test checkout from the preview (cmd + p, selecting the checkout block)
  3. Observe the Videographer Snowboard is in the cart at checkout
  4. Return to the storefront clicking the link in the top left navbar
  5. Add an item to the cart
  6. Return to checkout
  7. Observe the checkout UI extension no longer mounts
2

Hey Dylan,

Would you be able to use app dev command line option to help your workflow?

3

Thanks @Shawn_Lee-Kwong I didn’t realize there was a flag for passing line items. That’ll do the trick, thank you!