We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.

Ok, I Agree

app stuck on preloader ONLY when embedded on website

Home › Forums › General Questions › app stuck on preloader ONLY when embedded on website

Tagged: 

Viewing 15 posts - 1 through 15 (of 25 total)
1 2
  • Author
    Posts
  • 2021-07-10 at 1:40 am #42723
    ccoul
    Customer

    Hey All,
    My app had no issues being embedded into my website until I added a custom preloader. My app works fine when loaded in verge3d (app loads after preloader finishes loading), however when embedding it to my website, it stays stuck on the preloader screen. Below I have attached the website’s console log and a picture of the preloader puzzle I used from this tutorial https://www.youtube.com/watch?v=aUOlSgaPoXg.
    Thanks!

    Note: I’m uploading the project to verge3d, then embedding the link verge3d provides

    Attachments:
    You must be logged in to view attached files.
    2021-07-10 at 4:17 am #42726
    xeon
    Customer

    Hi ccoul,

    Since I can’t directly see the issue you are having I can only point to what you may want to try based on the images you provided.

    There is a cross-origin domain reference error. Depending on what is causing this and how your html page is set up it may just be aborting the load and timing out and thus not loading the verge content. There is a Learn More text link in the Console you will want to check out.

    The puzzle reference may need “in parent doc” checked if you creating that div there.

    Just to make sure I am understanding everything. Your preloader HTML, the preloader graphics, and verge assets are all on the same server?
    And this server is not Soft8Softs server correct? Have you tested it on Soft8Softs server?

    Xeon
    Route 66 Digital
    Interactive Solutions - https://www.r66d.com
    Tutorials - https://www.xeons3dlab.com

    2021-07-10 at 6:15 am #42727
    ccoul
    Customer

    Thanks for the response. So my html, preloader graphics, and verge assets are on Soft8softs server and I am embedding them into Wix. The hmtl runs perfect on Soft8Soft’s server and produces an error when loading on Wix.

    After making small changes I’ve come to the 2 errors I’ve attached below:

    -v3d.PropertyBinding: Animated node not found

    -Uncaught DOMException: Permission denied to access property “document” on cross-origin object

    The thing is, I’ve already successfully embedded the app without the custom preloader before, so idk why it is stuck on the preloading screen now. I’ve also attached the line highlighted by the debugger in the visual_logic.js file below.

    Attachments:
    You must be logged in to view attached files.
    2021-07-10 at 6:28 pm #42739
    xeon
    Customer

    Ok I would suggest trying to place your verge 3D application on the same server as your web server. Cross domain hosting verge 3D assets is going to give you problems.

    Xeon
    Route 66 Digital
    Interactive Solutions - https://www.r66d.com
    Tutorials - https://www.xeons3dlab.com

    2021-07-12 at 5:47 am #42755
    ccoul
    Customer

    Ok! so I tried to use Verge3D for WordPress, so my app will be on the same server as my website. However, when I try and upload my application folder to the verge3d plugin, the progress bar gets stuck on item 228/297. I tried clearing cache and got the same problem. When I run the html uploaded to WordPress, it gets stuck on the loading screen except now the loading screen is blank and I get the error “Loading failed for the <script> with source “https://galaxy.terrahelios.io/wp-content/uploads/verge3d/5/v3d.js”. I assume this is due the 297/297 files not being uploaded. Does anyone know how to fix this?

    2021-10-06 at 5:35 pm #45969
    Brian
    Customer

    I am having the exact same issue. When navigating to the .html file on the server, the custom preloader runs perfectly. But when I embed it with shortcode on a page, the preloader refuses to hide after loading. It doesn’t even acknowledge or append the div style.

    Attachments:
    You must be logged in to view attached files.
    2021-10-06 at 5:53 pm #45973
    haris
    Customer

    I can help you to solve this error Contact me at Gmail
    harisimran1012@gmail.com :) :)

    2021-10-08 at 11:46 am #46011
    Brian
    Customer

    Thanks for the offer. However, I would prefer to stick to communicating via this forum.

    2021-10-08 at 1:26 pm #46013
    haris
    Customer

    Ok sure, is the problem solved or not, if it is not solved i could help you to solve it :) :)

    2021-10-11 at 4:32 pm #46043
    Brian
    Customer

    No, the problem is not solved. As far as helping goes. I am not sure what you could offer me via email that you couldn’t provide here in the forum.

    I am sorry if I am misunderstanding, and thank you for the offer. Any ideas how to fix it?

    2021-10-11 at 5:22 pm #46049
    xeon
    Customer

    Hi Brian, sorry to hear you are still having the same issue.
    So just to be sure we are on the same page…you are using wordpress.
    You have validated that when you run your app on soft8soft’s server everything is working fine. Does that include the preloader?

    When you moved the application to your server its no longer working with the exception that the preloader works. It goes through to 100% but never lets go to reveal the app? If this is correct what errors or warnings are shown in the Console window?

    Xeon
    Route 66 Digital
    Interactive Solutions - https://www.r66d.com
    Tutorials - https://www.xeons3dlab.com

    2021-10-11 at 5:34 pm #46051
    haris
    Customer

    This problem is happening because the logo is maybe outside of div that are setting display: none; after it is being loaded

    2021-10-11 at 7:31 pm #46055
    Brian
    Customer

    Some answers to your questions:

    – Yes I am using wordpress.
    – The preloader runs perfectly on the local server, and the “html” file uploaded to wordpress runs perfectly, the problem exists as soon as I use embed it on a page. It completely fails to append the style ID to “display:none” The preloader runs fine but simply never hides itself when finished loading.

    -The issue is not that the app fails to load. It loads just fine, it just doesn’t set the ID to “display:none” when in an iframe.

    -I searched countless times in the console and I don’t see any errors.

    I don’t quite understand what to look for in the console. Is there a setting or an export function in google chrome that I can send to you?

    2021-10-11 at 7:48 pm #46056
    xeon
    Customer

    If you have already ruled out Harris’s solution above, are able to share a link?

    Xeon
    Route 66 Digital
    Interactive Solutions - https://www.r66d.com
    Tutorials - https://www.xeons3dlab.com

    2021-10-11 at 8:50 pm #46063
    Brian
    Customer

    Here are the links:

    Working preloader: https://proviasandbox.oxbowserver.com/wp-content/uploads/verge3d/13215/Signet%20Door%20Technology.html

    preloader not working: https://proviasandbox.oxbowserver.com/verge-3d-tutorial/

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 25 total)
1 2
  • You must be logged in to reply to this topic.