-
AuthorPosts
-
October 28, 2019 at 11:50 am #1151706
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 #1152691Hey,
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,
YigitNovember 1, 2019 at 9:54 am #1152945Hello 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 #1153042Hi,
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,
YigitNovember 1, 2019 at 3:02 pm #1153064Perfect! Thank you very much!
November 1, 2019 at 3:43 pm #1153073Hi,
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 -
AuthorPosts
- The topic ‘Double lightbox issue’ is closed to new replies.