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
Hey Community! As we jump into 2025, we want to give a big shout-out to all of you wh...
By JasonH Jan 7, 2025Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024