How can I display metafields in a table format on my product page?

[ethanmellor]

I've setup metafields and I want to display them on my product page in the format of a table, but I can't seem to find any way to do this.

This is what it currently looks like.

[bahiya_anderson]

Shopify Apps will be great for you to use but if you know your ways out using shopify theme liquid you can edit it

[ethanmellor]

What app would you suggest to achieve something like this?

[Ahsan_ANC]

There is no need to buy any app just send me the "main-product.liquid" file code with the metafield name so i can provide you with the updated code.

[heledahn]

Hi! I'm having the same problem. I'd like to add a table in the collapsible rows to organize the content better. I'm using the Dawn theme. How can I achieve this? Thank you in advance!

[Ahsan_ANC]

Hi @heledahn  please share some more details what you want to achieve and also your store preview url

[heledahn]

Hi Ahsan, thank you for your answer!
Here's an example of my product pages: https://sm5.heledahn.com/products/wall-planters

I already figured out a way of doing it, by adding a collapsible row with a custom liquid field and adding {{ product.metafields.custom.details.value }}, so I can write the table's code directly into de metafields of each product.

But this solution isn't elegant. I'd be nicer if we could add a rich text metafield, and have the ability of adding tables, or editing html...

Is there a way of editing the Dawn template to get this WYSIWYG editor in the rich text?

Thanks for your time!

[Zuschlafen]

Hello, i have the same issue. I cannot add table in Collapsible Row. When i add the full code on Product metafield, it shows the code on website. 

I'm waiting your suggestion. I try to create same like @heledahn (Product Details) 

[heledahn]

Hi guys, to make the table work I followed this tutorial by ed.codes: https://youtu.be/Uh3hT7aSgwI
It covers everything we need to know, and he's an amazing teacher. Hope this helps 🙂

[Zuschlafen]

Thank you, i will check