githubEdit

Linked products block

Overview

If you have multiple versions of one product split into different product listing it may be hard for customers to find the option they want. Using the "Linked products" block you can display additional products as options on your product page.

How it works:

  • The block shows all products from the collection assigned to the metafield

  • All linked products must be in the same collection

  • If the block is empty, the metafield isn’t set or the collection is empty

Note: You can’t link individual products directly; you must use a collection as the intermediary.


Enable the product block

  1. Go to Online Store > Themes > Customize

  2. Navigate to the product template then click "Add block" within the "Product" section

  3. Move the block and add a label

    • It's usually best to display the "Linked products" block above the "Buy buttons"

    • Try adding a label that describes the additional linked products. If the additional products are variants of different color you could update the label to "Color".

  4. Hit Save


Create metafield definition

  1. Navigate to Settings > Custom data > Products

  2. Click Add definition

  3. In the name field type "Linked collection"

  4. Ensure the namespace and key field is custom.linked_collection

  5. Set the data type as "Collection"

  6. Hit Save


Update metafield

  1. Navigate to the product you'd like to update

  2. Scroll to the bottom and select a collection for the metafield

  3. Click Save

Last updated

Was this helpful?