Shopify themes, liquid, logos, and UX
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...
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
The point was to find a solution so that we didn't have to create a bunch of metafields
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025