Metaobject to appear on Product page

[TBS2023]

So i have created a metaobject composing of Image - Heading and Text -

These are the key ingredients to my products - usually between 2 to 3 per product

I would like them to appear at the bottom of my product page - just like on this example

My data is as such

I tried using multicolumn but all appears together in one column

Thanks in advance

[Sonya_2025]

Hi, @TBS2023 

Which theme are you using? 

[TBS2023]

Be Yours

[Sonya_2025]

Hi @TBS2023 

You bind your ingredients to one column. So it shows in one column. 

To achieve your needs. You need do some liquid code change in your theme.

You have two ways to do it.

Since I do not know much about your theme. So I can not provide the correct solution for you.

1. Split the ingredients, not using list. and bind one per one column

2. Using the metafield list, you need to know  liquid coding skills to do it like below

{%- for faq in product.metafields.custom.key_ingradients.value.product_highlights.value -%}
...your colume code
 {%- endfor -%}

Feel free to email me

[DaisyVo]

Hi @TBS2023 

Could you please share the screenshot from this setting here in your Shopify admin?

 

Thank you so much! 

Best,

Daisy - Avada Support Team. 

[TBS2023]

[TBS2023]

@DaisyVo 

Have you managed to have a look, please?

[DaisyVo]

Hi @TBS2023 

Sorry for this delay in getting back to you. I mean the screenshot of custom data from your Shopify admin setting.

Could you please share with us? Thank you!

Best,

Daisy - Avada Support Team.