Why does changing product descriptions cause a white screen issue on my site?

Technical Q&A
1

Hello all,

I’m facing an issue for a week and tried to solve it in different ways but failed myself and the customer support!!!
When I access certain product pages on my store they have blanc white screen on them

After a lot of tries I found that this issue starts to happen when I change the description of the product.
Note: I import my products from Aliexpress.
If anyone faces this problem before please tell me

This issue appears on Prestige and my current theme Trumpo

Store: https://rinatta.com
Issue in products of Ring collection: https://rinatta.com/collections/ring

UPDATE:

After a lot of digging yesterday for the problem in my product page I found an HTML tag that causes the blanc screen hiding my product

If we open inspect element in the product page of the rings (https://rinatta.com/collections/ring/products/freya2) we will found the first tag which is an <html class=“js supports-sticky supports-hover shopify-features__smart-payment-buttons–enabled”; …etc>
If we deleted the “js supports-sticky supports-hover shopify-features__smart-payment-buttons–enabled” the product will appear fine

Do you have any Idea on why this happen !!?

Thanks in advance

0 Likes

2

Hey, @Tony_Magdy .

I checked your product page and, I tried what you found out: removing the classes from the HTML.

Digging deeper, it looks like there’s supposed to be some sort of page-transition for your product page since the actual element that is blocking your product page is the “.PageTransition” element. Please see attached screenshot below.

Gulayo_0-1630327769820.png
Gulayo_0-1630327769820.png1911×954 92.8 KB

So, there must be something. One thing we can assume, though, is that the supposed JS animation was unable to fire, possibly, due to a JS error I found on the console.

Gulayo_1-1630327794142.png
Gulayo_1-1630327794142.png1647×512 42.9 KB

This error occurs when there’s a missing element-- or a DOM query was made but there was no matching element. “addEventListener” is not present in null.

If you kindly present this to your theme devs, they should easily be able to pinpoint the issue. Reading through minified scripts is a tad challenging.