Flatsome UX Builder not loading

Hi @itsmeade

can you report which script is giving that error? Maybe you can report a screenshot of the console. Until now we don’t know if it’s the theme or the plugin.

Have you tried with the default WordPress theme? Does it give the same error?

Hey @giuse

I have the absolute same problem. I did edit my home page with the plugin, however when I access the mobile preview from my homepage –> customize, it does not show the edit I did. And when I access the mobile preview from the ”Pages”, it shows how it should look like.

When I try to open the UX builder on the mobile page, it will be loading and loading but without any success.

As this is my first WP experience, I am kind of lost…

PS: I use Flatsome theme

• This reply was modified 3 years, 8 months ago by paalenkaa.

Hi @paalenkaa

Can you please inspect elements on the page where the UX builder loads without any success?

You should right-click and click on “Inspect Elements”, and then go to “Console”. You will probably see red errors. For me, it would be very helpful if you can make a screenshot that shows which scripts give the errors.

Let me know if it’s clear how to access the console, or if you have other questions.

@giuse thank you very much for your super quick reply.

Here is the error thing:
Uncaught TypeError: Cannot read property ‘element’editor.js?ver=3.13.2:1 of undefined
at t.elementFromPoint (editor.js?ver=3.13.2:1)
at t.shortcodeFromPoint (editor.js?ver=3.13.2:1)
at t.value (editor.js?ver=3.13.2:1)

One more thing, after deleting your plugin, I was able to open the mobile page in UX Builder. After reinstalling, the problem appeared again.

Hi @paalenkaa

editor.js is not a script that comes from Specific Content For Mobile.
Probably SCFM is triggering an error that is caused by another plugin or the theme. Do you have the same problem on normal private pages?

If you go with your mouse on the link editor.js you will see the URL of the script. From the URL you can see who is loading that script.
Can you post the URL of the script?

@giuse Heyy,
sorry for my late reply. I sort it out by unpublishing the page and then loading the UX builder and it works.
So far so good.

Thank you ??

Hi @paalenkaa you are welcome. Many thanks to you for the good news. I’m happy you solved the issue.

Hi Jose,

Thanks for Flatsome, it’s awesome. I have the same problem. I can’t load the blocks in the flatsome uxbuilder. I can load the pages but not the blocks.

Here’s a screenshot of the console. I started having this problem today after i changed the domain of the website . The new domain is with different company than hosting.. idk if that has something to do.

This doenst have a way to upload the screenshot

I’ll copy paste it here then:

jquery-migrate.min.js?ver=3.3.2:2 JQMIGRATE: Migrate is installed, version 3.3.2
?post_id=558&uxb_iframe=1:1 Failed to load resource: the server responded with a status of 404 ()
load-scripts.php?c=0&load[chunk_0]=jquery-core,jquery-migrate,utils&ver=5.7.2:5 JQMIGRATE: Migrate is installed, version 3.3.2
load-scripts.php?c=0&load[chunk_0]=jquery-core,jquery-migrate,utils,moxiejs,plupload&ver=5.7.2:5 JQMIGRATE: Migrate is installed, version 3.3.2
load-scripts.php?c=0&load[chunk_0]=jquery-core,jquery-migrate,utils,moxiejs,plupload&ver=5.7.2:2 jQuery.Deferred exception: Cannot read property 'value' of undefined TypeError: Cannot read property 'value' of undefined
    at initializeLanguageOldValue (https://perforacionesaragones.com/wp-content/plugins/polylang/js/build/classic-editor.min.js?ver=3.0.4:1:1240)
    at HTMLDocument.<anonymous> (https://perforacionesaragones.com/wp-content/plugins/polylang/js/build/classic-editor.min.js?ver=3.0.4:1:2868)
    at e (https://perforacionesaragones.com/wp-admin/load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,moxiejs,plupload&ver=5.7.2:2:30005)
    at t (https://perforacionesaragones.com/wp-admin/load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,moxiejs,plupload&ver=5.7.2:2:30307) undefined
S.Deferred.exceptionHook @ load-scripts.php?c=0&load[chunk_0]=jquery-core,jquery-migrate,utils,moxiejs,plupload&ver=5.7.2:2
load-scripts.php?c=0&load[chunk_0]=jquery-core,jquery-migrate,utils&ver=5.7.2:2 jQuery.Deferred exception: Cannot read property 'value' of undefined TypeError: Cannot read property 'value' of undefined
    at initializeLanguageOldValue (https://perforacionesaragones.com/wp-content/plugins/polylang/js/build/classic-editor.min.js?ver=3.0.4:1:1240)
    at HTMLDocument.<anonymous> (https://perforacionesaragones.com/wp-content/plugins/polylang/js/build/classic-editor.min.js?ver=3.0.4:1:2868)
    at e (https://perforacionesaragones.com/wp-admin/load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils&ver=5.7.2:2:30005)
    at t (https://perforacionesaragones.com/wp-admin/load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils&ver=5.7.2:2:30307) undefined
S.Deferred.exceptionHook @ load-scripts.php?c=0&load[chunk_0]=jquery-core,jquery-migrate,utils&ver=5.7.2:2
load-scripts.php?c=0&load[chunk_0]=jquery-core,jquery-migrate,utils,moxiejs,plupload&ver=5.7.2:2 Uncaught TypeError: Cannot read property 'value' of undefined
    at initializeLanguageOldValue (classic-editor.min.js?ver=3.0.4:1)
    at HTMLDocument.<anonymous> (classic-editor.min.js?ver=3.0.4:1)
    at e (load-scripts.php?c=0&load[chunk_0]=jquery-core,jquery-migrate,utils,moxiejs,plupload&ver=5.7.2:2)
    at t (load-scripts.php?c=0&load[chunk_0]=jquery-core,jquery-migrate,utils,moxiejs,plupload&ver=5.7.2:2)
jquery-migrate.min.js?ver=3.3.2:2 JQMIGRATE: Migrate is installed, version 3.3.2
load-scripts.php?c=0&load[chunk_0]=jquery-core,jquery-migrate,utils&ver=5.7.2:2 Uncaught TypeError: Cannot read property 'value' of undefined
    at initializeLanguageOldValue (classic-editor.min.js?ver=3.0.4:1)
    at HTMLDocument.<anonymous> (classic-editor.min.js?ver=3.0.4:1)
    at e (load-scripts.php?c=0&load[chunk_0]=jquery-core,jquery-migrate,utils&ver=5.7.2:2)
    at t (load-scripts.php?c=0&load[chunk_0]=jquery-core,jquery-migrate,utils&ver=5.7.2:2)
editor.js?ver=3.13.3:1 Uncaught TypeError: Cannot read property 'isRoot' of undefined
    at t.value (editor.js?ver=3.13.3:1)

Any help is apreciatte it, I’ll keep trying to figure it out in the meanwhile. Thank You !

Susana

• This reply was modified 3 years, 5 months ago by susana_fernandez.

Never mind. I figured it out by using a plugin to duplicate the blocks and the new duplicated blocks open the ux builder. Thank you !

`Failed to load resource: the server responded with a status of 404 ()
br.svg:1 Failed to load resource: the server responded with a status of 404 ()
editor.js?ver=3.12.1:3 Uncaught TypeError: Cannot read properties of undefined (reading ‘element’)
at t.elementFromPoint (editor.js?ver=3.12.1:3)
at t.shortcodeFromPoint (editor.js?ver=3.12.1:3)
at t.value (editor.js?ver=3.12.1:2)`

Hola Jose
Me encanto el tema de flatsome cuando lo vi y por eso compre

Pero al momento de ingresar al ux builder tengo el mismo problema puedo ver los bloques de ninguna pero no me aparece nada en la pantalla para poder modificar espero que me puedas ayudar aqui dejare una captura de la consola.

vendors.js?ver=b8455a2037b99a20b15671d73b260a51:1 TypeError: Cannot read properties of undefined (reading 'option')
    at new p (flatsome.js?ver=295a0d1d1e8168b25a51f884bffa7b33:1)
    at HTMLDivElement.<anonymous> (flatsome.js?ver=295a0d1d1e8168b25a51f884bffa7b33:1)
    at Function.each (jquery.min.js?ver=3.6.0:2)
    at s.fn.init.each (jquery.min.js?ver=3.6.0:2)
    at c (flatsome.js?ver=295a0d1d1e8168b25a51f884bffa7b33:1)
    at s.fn.init.a.fn.<computed> [as flickity] (flatsome.js?ver=295a0d1d1e8168b25a51f884bffa7b33:1)
    at HTMLDivElement.<anonymous> (flatsome.js?ver=295a0d1d1e8168b25a51f884bffa7b33:1)
    at Function.each (jquery.min.js?ver=3.6.0:2)
    at s.fn.init.each (jquery.min.js?ver=3.6.0:2)
    at Object.attach (flatsome.js?ver=295a0d1d1e8168b25a51f884bffa7b33:1)
(anonymous) @ vendors.js?ver=b8455a2037b99a20b15671d73b260a51:1
vendors.js?ver=b8455a2037b99a20b15671d73b260a51:1 TypeError: Cannot read properties of undefined (reading 'option')
    at new p (flatsome.js?ver=295a0d1d1e8168b25a51f884bffa7b33:1)
    at HTMLDivElement.<anonymous> (flatsome.js?ver=295a0d1d1e8168b25a51f884bffa7b33:1)
    at Function.each (jquery.min.js?ver=3.6.0:2)
    at s.fn.init.each (jquery.min.js?ver=3.6.0:2)
    at c (flatsome.js?ver=295a0d1d1e8168b25a51f884bffa7b33:1)
    at s.fn.init.a.fn.<computed> [as flickity] (flatsome.js?ver=295a0d1d1e8168b25a51f884bffa7b33:1)
    at HTMLDivElement.<anonymous> (flatsome.js?ver=295a0d1d1e8168b25a51f884bffa7b33:1)
    at Function.each (jquery.min.js?ver=3.6.0:2)
    at s.fn.init.each (jquery.min.js?ver=3.6.0:2)
    at Object.attach (flatsome.js?ver=295a0d1d1e8168b25a51f884bffa7b33:1)
(anonymous) @ vendors.js?ver=b8455a2037b99a20b15671d73b260a51:1
vendors.js?ver=b8455a2037b99a20b15671d73b260a51:1 TypeError: Cannot read properties of undefined (reading 'option')
    at new p (flatsome.js?ver=295a0d1d1e8168b25a51f884bffa7b33:1)
    at HTMLDivElement.<anonymous> (flatsome.js?ver=295a0d1d1e8168b25a51f884bffa7b33:1)
    at Function.each (jquery.min.js?ver=3.6.0:2)
    at s.fn.init.each (jquery.min.js?ver=3.6.0:2)
    at c (flatsome.js?ver=295a0d1d1e8168b25a51f884bffa7b33:1)
    at s.fn.init.a.fn.<computed> [as flickity] (flatsome.js?ver=295a0d1d1e8168b25a51f884bffa7b33:1)
    at HTMLDivElement.<anonymous> (flatsome.js?ver=295a0d1d1e8168b25a51f884bffa7b33:1)
    at Function.each (jquery.min.js?ver=3.6.0:2)
    at s.fn.init.each (jquery.min.js?ver=3.6.0:2)
    at Object.attach (flatsome.js?ver=295a0d1d1e8168b25a51f884bffa7b33:1)
(anonymous) @ vendors.js?ver=b8455a2037b99a20b15671d73b260a51:1
(anonymous) @ vendors.js?ver=b8455a2037b99a20b15671d73b260a51:1
(anonymous) @ vendors.js?ver=b8455a2037b99a20b15671d73b260a51:1
p @ vendors.js?ver=b8455a2037b99a20b15671d73b260a51:1
(anonymous) @ vendors.js?ver=b8455a2037b99a20b15671d73b260a51:1
setTimeout (async)
Be.i.defer @ vendors.js?ver=b8455a2037b99a20b15671d73b260a51:1
a @ vendors.js?ver=b8455a2037b99a20b15671d73b260a51:1
t @ content.js?ver=d0d754e95c8f08262395deac9fb92401:1
instantiate @ vendors.js?ver=b8455a2037b99a20b15671d73b260a51:1
(anonymous) @ vendors.js?ver=b8455a2037b99a20b15671d73b260a51:1
(anonymous) @ content.js?ver=d0d754e95c8f08262395deac9fb92401:1
c @ vendors.js?ver=b8455a2037b99a20b15671d73b260a51:1
(anonymous) @ vendors.js?ver=b8455a2037b99a20b15671d73b260a51:1
(anonymous) @ vendors.js?ver=b8455a2037b99a20b15671d73b260a51:1
(anonymous) @ vendors.js?ver=b8455a2037b99a20b15671d73b260a51:1
$eval @ vendors.js?ver=b8455a2037b99a20b15671d73b260a51:1
$digest @ vendors.js?ver=b8455a2037b99a20b15671d73b260a51:1
(anonymous) @ vendors.js?ver=b8455a2037b99a20b15671d73b260a51:1
p @ vendors.js?ver=b8455a2037b99a20b15671d73b260a51:1
(anonymous) @ vendors.js?ver=b8455a2037b99a20b15671d73b260a51:1
setTimeout (async)
Be.i.defer @ vendors.js?ver=b8455a2037b99a20b15671d73b260a51:1
$evalAsync @ vendors.js?ver=b8455a2037b99a20b15671d73b260a51:1
(anonymous) @ vendors.js?ver=b8455a2037b99a20b15671d73b260a51:1
s @ vendors.js?ver=b8455a2037b99a20b15671d73b260a51:1
$$resolve @ vendors.js?ver=b8455a2037b99a20b15671d73b260a51:1
resolve @ vendors.js?ver=b8455a2037b99a20b15671d73b260a51:1
(anonymous) @ vendors.js?ver=b8455a2037b99a20b15671d73b260a51:1
(anonymous) @ content.js?ver=d0d754e95c8f08262395deac9fb92401:1
(anonymous) @ vendors.js?ver=b8455a2037b99a20b15671d73b260a51:1
success @ content.js?ver=d0d754e95c8f08262395deac9fb92401:1
c @ jquery.min.js?ver=3.6.0:2
fireWith @ jquery.min.js?ver=3.6.0:2
l @ jquery.min.js?ver=3.6.0:2
(anonymous) @ jquery.min.js?ver=3.6.0:2
vendors.js?ver=b8455a2037b99a20b15671d73b260a51:1 TypeError: Cannot read properties of undefined (reading 'option')
    at new p (flatsome.js?ver=295a0d1d1e8168b25a51f884bffa7b33:1)
    at HTMLDivElement.<anonymous> (flatsome.js?ver=295a0d1d1e8168b25a51f884bffa7b33:1)
    at Function.each (jquery.min.js?ver=3.6.0:2)
    at s.fn.init.each (jquery.min.js?ver=3.6.0:2)
    at c (flatsome.js?ver=295a0d1d1e8168b25a51f884bffa7b33:1)
    at s.fn.init.a.fn.<computed> [as flickity] (flatsome.js?ver=295a0d1d1e8168b25a51f884bffa7b33:1)
    at HTMLDivElement.<anonymous> (flatsome.js?ver=295a0d1d1e8168b25a51f884bffa7b33:1)
    at Function.each (jquery.min.js?ver=3.6.0:2)
    at s.fn.init.each (jquery.min.js?ver=3.6.0:2)
    at Object.attach (flatsome.js?ver=295a0d1d1e8168b25a51f884bffa7b33:1)

Hola @ronaldchambilla1 !

Desafortunadamente no tengo el tema Flatsome disponible. pero te recomiendo hacer lo siguiente:

– Ve a la página donde tienes problemas.
– Clic derecho => Inspeccionar elementos
– Busca <iframe
– Por cada iframe que encuentre, déjeme saber qué está escrito como “src”

Si tengo esa información, puedo sugerir cómo solucionar el problema

Hi Jose,

I love your plugin but it stopped loading, when I select UX Builder to edit the page, it says Loading UX Builder, and the wheel spins forever. Please advise.

Thank You
Vitali

Hi @vitali2000

thank you very much!
As you can see you are not the first one having this issue, but until now it was not possible to collect enough information to solve this conflict.
I’ve right now sent a message to the author of Flatsome. This is a premium product, and I don’t have it available for my tests. I hope he answers soon and provides me with the theme + builder, so I can see with my eyes and solve the problem.

Hi Jose

I have the very same problem. Our website is hosted internally on linux server.

I'm having issues in editing the page with UX Builder. The Page keeps loading and nothing happens. And I have a couple of errors in the Developer Console stated below:

chrome-error://chromewebdata/:1 Refused to display 'https://gs-web-ss02/' in a frame because it set 'X-Frame-Options' to 'deny'.
Refused to display 'https://gs-web-ss02/' in a frame because it set multiple 'X-Frame-Options' headers with conflicting values ('DENY, SAMEORIGIN'). Falling back to 'deny'.
Uncaught DOMException: Blocked a frame with origin "https://gs-web-ss02" from accessing a cross-origin frame.
at t.elementFromPoint (https://gs-web-ss02/wp-content/themes/flatsome/assets/js/builder/core/editor.js?ver=bcb5d29ee67eb35fb9e18093268611e7:1:77781)
at t.shortcodeFromPoint (https://gs-web-ss02/wp-content/themes/flatsome/assets/js/builder/core/editor.js?ver=bcb5d29ee67eb35fb9e18093268611e7:1:77893)
at t.value (https://gs-web-ss02/wp-content/themes/flatsome/assets/js/builder/core/editor.js?ver=bcb5d29ee67eb35fb9e18093268611e7:1:50353)