Missing the No Conflict Mode

  • Resolved tiabradford

    (@tiabradford)


    2 years, 6 months ago

    Hello,

    I am using a staging site to show the issue. I’ve tried to find the No Conflict Mode under Developer Options as listed in this Metaslider article. However, the only items listed are CSS Classes, Print CSS, and Print JS.

    The problem is I have a conflict with another plugin. So, when the slider is clicked, the image does not open into the Easy Fancybox lightbox when that plugin is active. Instead it puts the image down into the lower left corner of the page.

    I’m unable to switch out the other plugin (XPO Elementor Addon) because it is used with many other elements on my website.

    Any help would be greatly appreciated.

    Tia

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

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author htmgarcia

    (@htmgarcia)

    2 years, 6 months ago

    Hi @tiabradford,

    “No conflict” is available for Flexslider only. If you’re using R. Slides, Coin slider or Nivo slider as library for your slideshow, it won’t be available.

    Is possible to preview the link you shared to see what’s going on? The site is behind a login

    Regards

    Thread Starter tiabradford

    (@tiabradford)

    2 years, 6 months ago

    Yes, the login requirement has been removed. Thank you for your help.

    Plugin Author htmgarcia

    (@htmgarcia)

    2 years, 6 months ago

    Thanks! The slideshow seems to be using Nivo slider. I don’t see error in the browser console but if I click over a slide image, this is displayed on the bottom of the page which suggests the CSS for the Easy Fancybox lightbox is not loading.

    Please double check the Easy fancybox CSS is loading correctly and if the issue continues, edit your slideshow to use Flexslider slider.

    Regards

    Thread Starter tiabradford

    (@tiabradford)

    2 years, 6 months ago

    Hello,

    I tried changing the to the Flexslider, but the same issue happens, even in no conflict mode. I’m not quite sure how to check if the CSS is loading correctly.

    This is the error I get in the browser inspector:

    JQMIGRATE: Migrate is installed, version 3.4.1. Missing data from PHP (wpNotesArgs). Uncaught (in promise) Error: A listener indicated an asynchronous response by returning true, but the message channel closed before a response was received.

    I tried using all the methods listed under Easy Fancybox for conflict resolution, but none of them worked.

    I also tried using different lightbox plugins, but the same issue persists.

    Plugin Author htmgarcia

    (@htmgarcia)

    2 years, 6 months ago

    Hi @tiabradford,

    Please double check the following:

    I noticed your site loads another fancybox CSS instance but through X Pro Elementor Addons plugin which may explain why the CSS from Easy FancyBox plugin isn’t loading. To confirm my guess, please deactivate (NOT uninstall) X Pro Elementor Addons and see if the slideshow works better then.

    This is how your images should open correctly: https://ibb.co/gyt6Fxp

    Thread Starter tiabradford

    (@tiabradford)

    2 years, 6 months ago

    I disabled the lightbox in Xpro, but it still does not load correctly. And yes, as in my first post, it works fine when Xpro is disabled.

    Plugin Author Steve Burge

    (@stevejburge)

    2 years, 6 months ago

    Hi @tiabradford

    Is there a free version of this XPO Elementor Addon that we can download and test?

    Plugin Author htmgarcia

    (@htmgarcia)

    2 years, 6 months ago

    Hi @tiabradford,

    I’m testing an alternative solution. May you try adding this code into your theme’s functions.php file? It should load the missing fancybox CSS with a different handle (to skip the override from XPO Elementor Addons)

    function enqueue_fancybox_custom() {
    wp_enqueue_style(
    'fancybox-custom-handle',
    'https://canflexinc.com/canflex-staging-/wp-content/plugins/easy-fancybox/fancybox/1.5.4/jquery.fancybox.min.css'
    );
    }
    add_action('wp_enqueue_scripts', 'enqueue_fancybox_custom');

    Regards

    • This reply was modified 2 years, 6 months ago by htmgarcia.
    Thread Starter tiabradford

    (@tiabradford)

    2 years, 6 months ago

    Oh my goodness! Thank you so much! The code snippet worked perfectly. I appreciate your time and patience to work with me. 🙂

    Plugin Author Steve Burge

    (@stevejburge)

    2 years, 6 months ago

    You’re welcome, thanks @tiabradford

    If you appreciate the support here, please consider leaving a positive review to help keep MetaSlider going: https://ww.wp.xz.cn/support/plugin/ml-slider/reviews/

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

The topic ‘Missing the No Conflict Mode’ is closed to new replies.