Lightbox grouping

Hi,

Can you post the link to your website please?

Regards,
Josue

Hi,

Open js/avia.js and look for line 833:

enabled:	true,

Replace it by this:

enabled:	false,

Regards,
Josue

Hi!

Revert that modification and instead add this to the theme / child theme functions.php file:

function add_custom_script(){
?>
<script>
(function($){
    $(window).load(function() {
    	$(".toggle_content .lightbox-added").magnificPopup({
    		type: 'image',
    		mainClass: 'avia-popup mfp-zoom-in',
    		gallery: {
    			enabled: false,
    		},
    		callbacks: 
    		{
    			imageLoadComplete: function() 
    			{	
    				var self = this;
    				setTimeout(function() { self.wrap.addClass('mfp-image-loaded'); }, 16);
    			}
    		}
       	});
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

Best regards,
Josue

• This reply was modified 10 years, 4 months ago by Josue.

Ok, let me know :)

Hey!

Can you post a link to your other installation?

Cheers!
Josue

Hey!

Please post a link to your site.

Best regards,
Josue

Hi,

Try setting each element container a CSS class of “avia-slideshow” or “avia-gallery”, that will trigger individual grouping for all images contained in that element.

Best regards,
Josue

Not sure if it will work in your case but you could try this one:

function add_custom_script(){
?>
<script>
(function($){
    $(window).load(function() {
    	$(".avia_textblock .lightbox-added, .avia-image-container .lightbox-added").magnificPopup({
    		type: 'image',
    		mainClass: 'avia-popup mfp-zoom-in',
    		gallery: {
    			enabled: false,
    		},
    		callbacks: 
    		{
    			imageLoadComplete: function() 
    			{	
    				var self = this;
    				setTimeout(function() { self.wrap.addClass('mfp-image-loaded'); }, 16);
    			}
    		}
       	});
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

Best regards,
Josue

Hi,

Post a link to the Page where you’re trying this.

Best regards,
Josue