How can I add dynamic ingredient tabs to my perfume product pages?

[tomm1p]

Hi!

I have a problem on my page: https://parfumerija-amour.myshopify.com/ (pass: flohld)

We sell perfumes on the site. I would like to have one tab where there is a description of the perfume, one tab where the Ingredients of the perfume is written. The problem is because this Ingredients changes with each perfume, it is dynamic. Is it possible to do that?

Greetings, Tomas

[ThomasBorowski]

It looks like you're using the Expanse theme with support for Online Store 2.0 / Sections Everywhere. If that's the case, one way to do this is to add the tabs as blocks and instead of entering text you would hook up the tab content field with a dynamic source (metafield) that contains the product description, another tab that contains the ingredients, etc.

You can find more info on Online Store 2.0 and Sections Everywhere and dynamic sources here: https://help.shopify.com/en/manual/online-store/themes/os20/theme-structure/sections/#using-metafiel...

[tomm1p]

Thank You @ThomasBorowski , but but I don’t understand exactly how I can come up with a solution to my problem. What exactly must I do?

[ThomasBorowski · Accepted solution]

It's explained step by step in the help docs. The keywords to look for are metafields and dynamic sources. You can also do a search for those keywords on YouTube and you will find multiple videos explaining the process in detail.

In short you would have to store the text you want to show per-product in the tabs in metafields, e. g. one metafield for the description, one metafield for the ingredients, etc. and then fill those metafields with the content per product. And then you can hook up the tabs with those metafields in the theme editor.