How can I insert a table into product tabs using metafields?

Topic summary

Main issue: In the Impulse (OS 2.0) theme, product tab blocks accept only text metafields, preventing insertion of an HTML table for “Nutritional Information.” A JSON metafield didn’t help, and placing the table in the main product description shows it above the metafield-driven tabs, breaking layout.

Progress/solutions:

  • Workaround implemented: Create a separate Page per product that contains the table (in the description), then use a metafield to reference that Page in the tab. This allows the table to appear within the intended tab.
  • Tool shared: A free table generator for Shopify (webforward.github.io/shopify-tables/) was suggested and praised by others.

Open questions:

  • How to make the shared tool switch table content per product dynamically remains unanswered.
  • Clarification was asked whether the workaround requires a unique Page for each product’s table; implied by the solution but not explicitly confirmed.

Other notes: A request for store access (password) was made and handled via DM. No images/code are central beyond the external tool link. Status: Partially resolved with a manual Page-reference approach; further implementation guidance is pending.

Summarized with AI on January 4. AI used: gpt-5.

Hi David,

I did find a solution. Essentially I had to create individual pages for each table (which is housed as normal in the description area). You can then use metafields to point to a page.