Variant Selection
This page contains scenarios for usage of the SELECT_VARIANT link action, using the following Product:Grand Tiara Pavé Band - 14k Gold & White Diamond (Frontend PDP | Shopify Admin)
Our documentation states that the Variant ID field "needs to be completed correcly (short numeric id)", which is the case in all configurations on this page.
Scenario 1: Selecting between several specifically hardcoded variants
Yellow Gold / 6 (shortId: 31643767701562 / ID: gid://shopify/ProductVariant/31643767701562) // this is the default variant in Shopify
Yellow Gold / 7 (shortId: 31643767832634 / ID: gid://shopify/ProductVariant/31643767832634)
Yellow Gold / 8 (shortId: 31643767996474 / ID: gid://shopify/ProductVariant/31643767996474)
Selected Variant: Yellow Gold / 6 (shortId: 31643767701562)
Scenario 2: Selecting from a grid iterating over product.variant
Variant Selection
This page contains scenarios for usage of the SELECT_VARIANT link action, using the following Product:Grand Tiara Pavé Band - 14k Gold & White Diamond (Frontend PDP | Shopify Admin)
Our documentation states that the Variant ID field "needs to be completed correcly (short numeric id)", which is the case in all configurations on this page.
Scenario 1: Selecting between several specifically hardcoded variants
Yellow Gold / 6 (shortId: 31643767701562 / ID: gid://shopify/ProductVariant/31643767701562) // this is the default variant in Shopify
Yellow Gold / 7 (shortId: 31643767832634 / ID: gid://shopify/ProductVariant/31643767832634)
Yellow Gold / 8 (shortId: 31643767996474 / ID: gid://shopify/ProductVariant/31643767996474)
Selected Variant: Yellow Gold / 6 (shortId: 31643767701562)