adding a section for complementary products

[TBS2023]

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

[DitalTek]

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

[TBS2023]

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

and yes the style is good

[DitalTek]

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

[Steve_TopNewYork]

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!

[TBS2023]

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

[DitalTek]

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.