adding a section for complementary products

Topic summary

Goal: display the items included in gift sets as a visible section below the main product area (not in a tab), similar to the provided Lush example.

Placement and style: OP confirmed the section should appear beneath the product section; proposed styling was acceptable. Images shared are central to understanding the desired layout and example implementation.

Key terms:

  • Metafield: a custom data field on a product used to store and reference complementary items.

Solutions suggested:

  • Custom Liquid approach: Output products from the complementary products metafield into a new section. A Shopify Liquid metafield reference was provided; another reply shared step-by-step images/code guidance to implement and style it.
  • Dynamic per-product setup: To manage different complementary items per product without custom coding, use Shopify’s free Search & Discovery app, which supports configurable product recommendations.

Status: No confirmed implementation yet. The dynamic population question was addressed with the app recommendation. Outcome remains open pending OP’s adoption of either custom code or the app.

Summarized with AI on December 12. AI used: gpt-5.

I have a few Gifts sets available on my store and i would like to show the products that are included in them.

so i have manually added the products in my complementary products metafield but i want them to appear as a section under the product card instead of a tab

Like it is here

https://lush.co.za/collections/gift-sets/products/all-the-best-gift

Hi

Can you make more detail where you want to those product show, and how style you want them display?

Do you want show here right?

And the style will look like this

i would like them to appear here, below the product section - as a separate section form the products

and yes the style is good

I see, so to achieve you need to customize with code, get all the data you did import in metafield to out site.

If you familiar with code, you can refer this docs how to get data from metafield:

https://shopify.dev/docs/api/liquid/objects/metafield

Hi @TBS2023

you can style it however you want.

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!

this is good - but how to add the products dynamically for each main product

You can referent this app develop by Shopify and it free.

https://apps.shopify.com/search-and-discovery?show_store_picker=1

That app provide show recommendation product section, that can setting different product on each main product.

1 Like