Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 28, 2019 at 11:50 am #1151706
    DannyAloserij

    For the FLYER e-bikes NL website I created detail page for every bike, like: https://www.flyer-fietsen.nl/product/flyer-uproc7-8-70/. On these pages I use the Soliloquy lightbox to give visitors a closer look at our fabulous bikes. This worked like a charm… However, because of GDPR stuff I had to enable the Lightbox Modal Window that comes with the Enfold theme. And now something strange happens: when I click on an image to open the lightbox, both the Soliloquy and the Enfold lightbox are triggered. So now I have two lightboxes on top of each other. I prefer working with the Soliloquy one. But I cannot disable the Enfold one because of the Cookie Consent Messages (that are displayed in their lightbox). Is there a way to disable the Enfold lightbox in the Soliloquy sliders?

    October 31, 2019 at 1:11 pm #1152691
    Yigit

    Hey,

    Sorry for the late reply!

    Please go to /enfold/js/ and copy avia-snippet-lightbox.js file to your child theme inside /js/ folder, open the file and find following line

    exclude			:	'.noLightbox, .noLightbox a, .fakeLightbox, .lightbox-added, a[href*="dropbox.com"]'

    and change it to following

    exclude			:	'.soliloquy-image, .soliloquy-image a, .noLightbox, .noLightbox a, .fakeLightbox, .lightbox-added, a[href*="dropbox.com"]'

    Then add following code to functions.php file of your child theme

    function wp_change_avia_lightbox_js() {
   wp_dequeue_script( 'avia-lightbox-activation' );
   wp_enqueue_script( 'avia-lightbox-activation-child', get_stylesheet_directory_uri().'/js/avia-snippet-lightbox.js', array('jquery'), 2, true );
}
add_action( 'wp_print_scripts', 'wp_change_avia_lightbox_js', 100 );

    Best regards,
    Yigit

    November 1, 2019 at 9:54 am #1152945
    DannyAloserij

    Hello Yigit,
    I added the modifications, but without success. I still see both lightboxes on a bike detailpage. Even after clearing the Cloudflare cache. Can you please take a look? I added login credentials in the private sections of this reply.

    November 1, 2019 at 2:04 pm #1153042
    Yigit

    Hi,

    I changed the code to following and it helped

    exclude			:	' .soliloquy-outer-container, .soliloquy-item, .soliloquy-item a, .noLightbox, .noLightbox a, .fakeLightbox, .lightbox-added, a[href*="dropbox.com"]'

    Please flush browser cache and review your website :)

    Best regards,
    Yigit

    November 1, 2019 at 3:02 pm #1153064
    DannyAloserij

    Perfect! Thank you very much!

    November 1, 2019 at 3:43 pm #1153073
    Yigit

    Hi,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Double lightbox issue’ is closed to new replies.