Hi
We are using Enfold theme for our shop and encounter an issue with the LightBox element of the product image.
We wish to use the Woocommerce Advanced Image Zoom plugin, but it seems that it clashes with the LightBox element of the product image.
I have tried to disable the theme LightBox element following this post (https://kriesi.at/support/topic/diable-the-enfold-lightbox-urgent/) but it didn’t work.
How can to disable the LightBox effect so I can use the image zoom plugin? Or do you have a solution for using the image zoom effect?
Thanks
Tamar
Hi
Can some one help?
Thanks :)
Tamar
Hey!
Please add following code to Functions.php file of your child theme
function wp_change_aviajs() {
wp_dequeue_script( 'avia-default' );
wp_enqueue_script( 'avia-default-child', get_stylesheet_directory_uri().'/js/avia.js', array('jquery'), 2, true );
}
add_action( 'wp_print_scripts', 'wp_change_aviajs', 100 );
and move avia.js file inside /js folder in your child theme and then edit the file and find
exclude : '.noLightbox, .noLightbox a, .fakeLightbox, .lightbox-added, a[href*="dropbox.com"]',
and change it to
exclude : '.single-product, .single-product a, .noLightbox, .noLightbox a, .fakeLightbox, .lightbox-added, a[href*="dropbox.com"]',
Cheers!
Yigit
Hi
The LightBox was disabled, thanks a lot
:)
Tamar
Hey!
You are welcome!
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)
Best regards,
Yigit