Collapsible Row Overriding the other product description

Topic summary

A user encountered an issue where creating collapsible rows with metafields in product descriptions caused data from Product 1 to be overwritten when setting up Product 2. The same information appeared across all product pages when using the Collapsible Content feature in the Refresh theme.

Another user provided a tutorial video link that successfully resolved the problem.

New question raised:
The original poster now wants to customize collection page banners with different colors for each collection, but hasn’t found working code solutions yet. They’re seeking guidance on how to implement this customization.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.

I created a collapsible row in the product description. I created the metafields for each section. After adding it to Product 1. I did the same steps and now for product 2, it overrides the metafields making product 1 blank.
Not sure what else to do. Even when I do the Collapsible Content, each product page has the same information. I am using the refresh theme.

Hi @MM91 ,

Please view this tutorial.

1 Like

This was super super helpful!!! Thank you so much.
If that was your YT channel, I subscribed.
I have another question, I have different collection pages but I want each banner to have a different color. I have tried different codes but nothing seems to work. Do you know how?