Metaobject to appear on Product page

Topic summary

A user created a metaobject containing images, headings, and text to display product ingredients (typically 2-3 per product) at the bottom of product pages. They want these displayed in a multi-column layout similar to a reference example, but currently all ingredients appear stacked in a single column.

Current Issue:

  • The metaobject data is bound to display in one column only
  • User attempted multi-column display but unsuccessful

Proposed Solutions:

  1. Modify the theme’s Liquid code to split ingredients across columns using a for-loop structure
  2. Use a metafield list instead of the current setup, binding one ingredient per column

Both approaches require Liquid coding knowledge and theme-specific customization. Support team (Avada) requested additional screenshots of the Shopify admin custom data settings to provide more targeted guidance. The discussion remains ongoing with the user awaiting specific implementation help.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.

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

Hi, @TBS2023

Which theme are you using?

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.

Be Yours

@DaisyVo

Have you managed to have a look, please?

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

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.

Hi @TBS2023

Not sure if you received the lastest message from our team?

Looking forward to hearing from you soon. Thank you!

Best,

Daisy - Avada Support Team.