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
Yellow Gold / 3
Yellow Gold / 3.25
Yellow Gold / 3.5
Yellow Gold / 3.75
Yellow Gold / 4
Yellow Gold / 4.25
Yellow Gold / 4.5
Yellow Gold / 4.75
Yellow Gold / 5
Yellow Gold / 5.25
Yellow Gold / 5.5
Yellow Gold / 5.75
Yellow Gold / 6
Yellow Gold / 6.25
Yellow Gold / 6.5
Yellow Gold / 6.75
Yellow Gold / 7
Yellow Gold / 7.25
Yellow Gold / 7.5
Yellow Gold / 7.75
Yellow Gold / 8
Yellow Gold / 8.25
Yellow Gold / 8.5
Yellow Gold / 8.75
Yellow Gold / 9
Yellow Gold / 9.25
Yellow Gold / 9.5
Yellow Gold / 9.75
Yellow Gold / 10
Rose Gold / 3
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)