the crash issue between the inch symbol(") and JSON for variant on the Product Page.

ecomdevstar · ‎10-24-2023

Hey guys,

I hope you are doing well 🙂

I'm facing the crash issue between inch symbol of the Size option value and json format in the Product Page.

What is the solution to avoid this issue?

Thank you!

Liam · ‎10-27-2023

What could help is to ensure that where the variant is being rendered, that the Liquid object has the escape filter applied to it. Can you try this to see if it fixes the issue?

Liam | Developer Advocate @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit Shopify.dev or the Shopify Web Design and Development Blog

View solution in original post

Liam · ‎10-25-2023

Hi Ecomdevstar,

Is this causing the variant to not appear/ work correctly due to the " character causing a JSON formatting error?

Liam | Developer Advocate @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit Shopify.dev or the Shopify Web Design and Development Blog

ecomdevstar · ‎10-25-2023

Thank you for your reply Liam!

Yeah, the my custom JS code is not working due to this.

https://prnt.sc/-zw8Ui_lb3Xe

Liam · ‎10-27-2023

What could help is to ensure that where the variant is being rendered, that the Liquid object has the escape filter applied to it. Can you try this to see if it fixes the issue?

Liam | Developer Advocate @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit Shopify.dev or the Shopify Web Design and Development Blog

ecomdevstar · ‎10-27-2023

Great thank you Liam!

I've solved that issue!

Good luck with you!