How can I add a table with data to a metafield?

How can I add a table with data to a metafield?

Ledline
Visitor
1 0 0

Hello! There was a problem with large tables in product card descriptions and I found a solution. To have a tab with technical characteristics, I created a metafield and called it "Technical characteristics". Then I added a collapsible tab to "default.product" and assigned this metafield to it (to the text field). So I can insert unique text or table in the "technical specifications" field in each product. But there is a problem - this field only displays text. There is no way to choose the text size, color, borders, etc. Is there any solution so that when I insert a table in this field, it will display? Each product may have a different number of fields and different technical specifications, so simply adding a few metafields is not an option. When you insert a table into the description - of course the table itself (border, fields) is displayed, but how to do this here...Screenshot_27.jpgScreenshot_28.jpg

Reply 1 (1)

DaisyVo
Shopify Partner
2261 267 324

HI @Ledline 

 

If all the information is placed in a single block, the CSS will only allow for one outer border around the entire section.

If you want to divide the content into rows and have a separate border for each row, you will need to add individual metafields for each piece of information.

 

Once the metafields are created and populated, share the URL with me for review. I can then proceed to check and apply the appropriate CSS styling to achieve the desired layout.

 

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution