My item pages "SOMETIMES" does not load on mobile browser

Hi all,

I am having a hardtime trying solve the bug of my product page "sometimes" not loading on android mobile.

This is my webpage url: https://www.diyhotspot.com/index.php?main_page=product_info&cPath=115_204&products_id=502

It works perfectly on pc/notebook, please try to refresh the page a few times on andriod mobile. I really hope that someone would be able to guide me to solve the problem. I tried countless times, but i have no idea how to solve it.

These are the errors from the browser

1. Access to font at 'https://www.diyhotspot.com/includes/templates/responsive_classic/images/fonts/beginning.otf' from origin 'http://www.diyhotspot.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

2. VM78:1 Uncaught TypeError: Cannot read property 'style' of null
   at eval (eval at <anonymous> (jscript_jquery-1.7.1.min.js:2), <anonymous>:1:31)
   at eval (<anonymous>)
   at jscript_jquery-1.7.1.min.js:2
   at Function.globalEval (jscript_jquery-1.7.1.min.js:2)
   at HTMLScriptElement.bp (jscript_jquery-1.7.1.min.js:2)
   at Function.each (jscript_jquery-1.7.1.min.js:2)
   at init.domManip (jscript_jquery-1.7.1.min.js:4)
   at init.append (jscript_jquery-1.7.1.min.js:3)
   at init.wrapAll (jscript_jquery-1.7.1.min.js:3)
   at e.<computed>.setPage (jquery.mmenu.min.all.js:20)

3.default:254 Uncaught TypeError: Cannot read property 'contentWindow' of null
at Ta (default:254)
at default:254
Ta @ default:254
(anonymous) @ default:254
setTimeout (async)
Ta @ default:254
(anonymous) @ default:254
setTimeout (async)
Ta @ default:254
(anonymous) @ default:254
setTimeout (async)
Ta @ default:254
gb @ default:253
toggleEmojiAction @ default:528
buildView @ default:521
buildView @ default:556
(anonymous) @ default:176
B.begin @ default:618
(anonymous) @ default:735
setTimeout (async)
X.bootStrap @ default:735
X.init @ default:734
X.load @ default:732
(anonymous) @ default:748
(anonymous) @ default:748
(anonymous) @ default:750

I hope someone give me some hints on how to solve this problems?
Thank you

thymine:

Hi all,

I am having a hardtime trying solve the bug of my product page "sometimes" not loading on android mobile.

I hope someone give me some hints on how to solve this problems?
Thank you

Not having any issues loading or refreshing the pages..
Galaxy A50
android version 9
Firefox for android v68.1.1

Re: 1. Access to font at 'https://www.diyhotspot.com/includes/templates/responsive_classic/images/fonts/beginning.otf' from origin 'http://www.diyhotspot.com' has been blocked by CORS policy ...

Make both "https". Right now one is https, the other http.

if "diyhotspot.com" does not load as https, then set up your .htaccess file to do this.

swguy:

Re: 1. Access to font at 'https://www.diyhotspot.com/includes/templates/responsive_classic/images/fonts/beginning.otf' from origin 'http://www.diyhotspot.com' has been blocked by CORS policy ...

Make both "https". Right now one is https, the other http.

if "diyhotspot.com" does not load as https, then set up your .htaccess file to do this.

Thank you very much everyone for replying. I followed your advise and forced the https, solved the font problem, however a few of this similar error still exist.

Uncaught TypeError: Cannot read property 'style' of null
at eval (eval at <anonymous> (VM212 jscript_jquery-1.7.1.min.js:2), <anonymous>:1:31)
at eval (<anonymous>)
at VM212 jscript_jquery-1.7.1.min.js:2
at Function.globalEval (VM212 jscript_jquery-1.7.1.min.js:2)
at HTMLScriptElement.bp (VM212 jscript_jquery-1.7.1.min.js:2)
at Function.each (VM212 jscript_jquery-1.7.1.min.js:2)
at init.domManip (VM212 jscript_jquery-1.7.1.min.js:4)
at init.append (VM212 jscript_jquery-1.7.1.min.js:3)
at init.wrapAll (VM212 jscript_jquery-1.7.1.min.js:3)
at e.<computed>.setPage (VM231 jquery.mmenu.min.all.js:20)

The problem still exist, sometimes my webpage only load pictures instead of the proper responsive webpage (only on responsive mobile) (as picture attached)

We really hope someone can provide me some advise on where to start solving this issue.
Thank you!

On the Reviews tab on the product info page you have a stray comment block that's outside of PHP. It looks like this:

//

Other than that everything looks fine to me; I can't repro your issue in Chrome using the iPhone 6/7/8 simulator in Inspect.

Having said that, I would not use the tabs in the mobile view - they're too squeezed together.

swguy:

Having said that, I would not use the tabs in the mobile view - they're too squeezed together.

Thank you for spending time with me. I really appreciate it very much. All your comments are noted down.

One thing about your javascript issue: that version of jQuery is quite old. Have you tried it with a newer version?
(I would try it with 1.12 (highest v1) then the highest v2 then v3, and see if any of those work.)

swguy:

One thing about your javascript issue: that version of jQuery is quite old. Have you tried it with a newer version?
(I would try it with 1.12 (highest v1) then the highest v2 then v3, and see if any of those work.)

I am so glad you mentioned the jscript version. I updated it to 1.12.4 and the error is gone!! Although new error arises from the update but at least they dont look buggy and stop loading the pages. I cant thank enough.

This is the new error i found which i am not sure if it really does anything as my web pages looks intact.
(Errors only appear on mobile view)
https://www.diyhotspot.com/index.php?main_page=product_info&cPath=115_204&products_id=502

1. Uncaught TypeError: Cannot read property 'id' of null
   at qa.B.addOverflowScroll (default:642)
   at qa.B.begin (default:618)
   at default:735

2. default:224 Uncaught TypeError: this.getBrowserData is not a function
   at Oa.handleError (default:224)
   at g.onerror

Really appreciate the help, comments & suggestion given.