Complementary products
Product page block
Tip Want to make your product pages even more powerful? Check out our new Flash Bundles app to create high-converting product bundles that will increase your average order value! Try it for free
In the Product template, the Complementary products block shows customers related products that they can purchase in addition to the current product. Create a custom product list that pair well together.
For similar features, see guides for Product recommendations section and Cross sells in the cart.
Set up block
Follow the steps to add a complementary products block with a custom product list. You can customize the heading and layout of the block.
Editing a template changes all pages that use that template. To edit specific pages, you can you can create new templates or insert dynamic content with metafields.
Add dynamic content for different products
If you want to show different complementary products on specific product pages, you can use Shopify's metafields and dynamic sources. These features allow you to store custom information for each of your products and automatically display that information on the correct product pages.
Watch the video or follow the steps below to create metafields for your products, add complementary products to those metafields, then use Dynamic sources to connect those metafields to the complementary products block.
For a general introduction, see our Dynamic sources and metafields tutorial.
1. Create product list metafield
Create a Product metafield to add multiple complementary products to each product page in your Shopify Admin.
Shopify's Metafields lets you store additional information about your products. You can create custom fields to hold different types of information in your Shopify admin, and enter unique content for each of your products.
The steps below tell you how to add a metafield for storing text that you want to display in the collapsible rows block.
2. Add products to metafield
Once you've created a product list Metafield, you can now add multiple products to those fields by going to your products in the Shopify admin.
3. Insert metafields as dynamic sources
You can go to the theme editor to insert a Dynamic source in the Complementary products block.
Related links
Product template Cart cross sells Recommended products section
Last updated