Ascend Theme and PopBox by Elementor Making Site Crash

  • I am a student, currently making a personal website for myself to show off my design portfolio to prospective employers. I really liked the Ascend theme and I did a lot with it, but I ran into some hitches.

    I have been using Elementor to edit the page as I am not great with coding, and I wanted some nice pop up boxes in certain places. I installed PopBox by Elementor since it meshed perfectly with the system I was already using for editing.

    However, when I installed it and activated it, it made several Javascript-based things on the site just disappear. Fade in text is no longer there, as well as carousels. My Galleries still work well, however, which is strange.

    I tested this plugin with other themes, and it worked perfectly fine. So the problem is Ascend and PopBox not liking each other. I really do not want to start over with another theme.

    Is there a reason for this? Any help/suggestions would be appreciated!

    -Madigan

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hey,
    It looks like that plugin is loading bootstrap js. which the theme does as well and because you don’t want two scripts to load with the same thing the plugins bootstrap takes over and the themes doesn’t load. This is how WordPress works with enqueuing scripts. All this is normally fine. The problem is that your plugins bootstrap is only a small part of all of bootstraps js. It’s a customized version that doesn’t include normal js in bootstrap.

    https://designsbymage.co/wp-content/plugins/modal-for-elementor/js/bootstrap.js

    This is why things are breaking, bootstrap isn’t actually loaded but only a small part that has been edited. Notice this comment in the above file:

    // Code extracted from Bootstrap and refactored for our needs

    So really that plugin author shouldn’t be using “bootstrap” as the handle when enqueuing scripts because that isn’t bootstrap but a small edited version so it should be using a custom handle and thus not override bootstrap from loading via another plugin or theme.

    This can be edited on line 111 and 122 of modal-for-elementor.php

    For example this:
    wp_enqueue_script( 'bootstrap', plugin_dir_url( __FILE__ ) . 'js/bootstrap.js', array( 'jquery' ), null, true );

    Should really be something like this:

    wp_enqueue_script( 'mfe-bootstrap', plugin_dir_url( __FILE__ ) . 'js/bootstrap.js', array( 'jquery' ), null, true );

    I will post on the plugins support kindly asking that the update there handle to prevent conflicts like this.

    Thread Starter designsbymage

    (@designsbymage)

    Hey there! The fix worked. Sorry, forgot to reply! You can mark this as fixed. Thank you so much!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Ascend Theme and PopBox by Elementor Making Site Crash’ is closed to new replies.