Text on product page gets removed when switching variant (example: color or size)

[TrendBlend]

https://codeshare.io/pAAolE this is my current code which results in this:

But when I switch color (Grijs -> Zwart) for example all text is removed can anyone help me so that that doesn't happen? Thanks in advance

[TrendBlend]

The text that gets deleted is this part

so the text from the code but how can I make it that it doesn’t remove the text when changing variant? The text is not removed when refreshing

[JohnE10]

Hi,

I could be wrong, but I think a better way to add the text is by adding a custom liquid block to your product page template. It's easy to add one, it can be styled and made to look the way you want it, it can even be made dynamic in case you want to show different messages for different products, and It's sure to appear with all variants on the page.

Hope that helps.

[TrendBlend]

Hello @JohnE10 do you also know if this can be achieved by some code in the main-product-page? Ive tried to add an eventlistener for when the variant changes but it did not work.

[TrendBlend]

I mean main-product.liquid

[JohnE10]

I'm sure it could depending on the theme/code.

[TrendBlend]

Yeah I got it by updating the product page when the url switches

[TrendBlend]

Thanks for thinking with me tough

[JohnE10]

You bet. Good to hear you got it working.