Product links
Send customers to other products instead of collecting a choice.
Product links is the exception among the selection types, because it does not collect an answer. It displays a set of other products and takes the customer to the product they select.
Use it when the options are separate products, such as sizes sold as individual listings, colors sold as separate products, or a family of related models.
What customers see
A set of choices in the style you select. Selecting one opens that product's page.
Basic
Hides the label.
Display style
How the links are presented. Five choices — see below.
Option values
The products themselves, selected from your catalog.
The unselected prompt, for the dropdown style.
Guidance that stays visible.
Show or hide based on other choices.
There is no Required field and no Default value, because nothing is collected.
Display style
Dropdown
A list
Many products, little space
Radio
A vertical list
Products whose names need reading
Button
A row of buttons
Short names such as sizes. This is the default
Color Swatch
A grid of color chips
Color variations sold as separate products
Image Swatch
A grid of pictures
Visually distinct products
The style changes the appearance only. The behavior is the same in all five: selecting a value opens that product.
Option values
Values are products selected from your catalog rather than text you enter. Each value includes the selected product, its handle, and its image. For the swatch styles, it can also include a color or image.
Because these values are products, the uniqueness rule that applies to option values elsewhere does not apply here.
Advanced
How a linked product looks when it is out of stock: Show, Hide, Blur, or Strike-through.
Where the help text sits.
Styling hook and field width.
Out of stock options is useful here, because it reads the linked product's real availability and prevents you from sending customers to a product they cannot buy.
Add-on pricing and Personalizer
Neither applies. Product links does not add anything to the cart. It sends the customer to a different product page, where that product's own price and options apply.
Product links or Shopify variants?
If the products are variations of one item, such as the same item in three colors, use Shopify's own variants instead. They keep the customer on one page, share reviews and the URL, and change the product images natively.
Use Product links when the items are separate products:
Same product, three colors
Shopify variants
Same product, twelve colors and four sizes, past Shopify's variant limit
Separate products, joined with Product links
A family of related but distinct models
Product links
Bundle sizes sold as their own listings
Product links
An option that changes the price of this product
An add-on, not a link
Examples
Sizes sold as separate products
Label / Name
Size
Display style
Button
Option values
The three size products
Out of stock options
Strike-through
Help text
Each size is its own product page.
Colors as separate products
Display style set to Color Swatch, with one value for each color product, so the grid looks like a normal color swatch even though each chip is a link.
A model family
Display style set to Image Swatch, with a photo of each model.
Notes
Available on paid plans.
Not supported on Shopify POS.
Only one Product links option per option set is recommended.
No required field, default value, add-on price, or Personalizer.
Selecting a value opens another page, so anything the customer entered on the current page is lost. Put Product links above your other options, or in its own Section at the top, so it reads as navigation rather than as part of the form.
Linked products are normal products with their own option sets, so check that the correct option sets apply to them.
Last updated
Was this helpful?