Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • August 27, 2014 at 9:49 am #309714
    Adenadoume

    Hi,

    In Single Post Pages is it possible to have the same lightbox (group images) for featured image and gallery images in the post?

    Point would be to open featured image lightbox (e.g. a product) and then use arrows to see more images from the gallery in the post (instead of having separate lightboxes)

    Thanks

    August 28, 2014 at 1:12 am #310149
    Josue

    Hi,

    Try adding this at the very end of your theme / child theme functions.php file:

    function add_custom_script(){
?>
<script>
(function($){
$(window).load(function() {
$('.single-post .big-preview, .single-post .avia-gallery').magnificPopup({
	delegate: 'a',
	type: 'image',
	mainClass: 'avia-popup mfp-zoom-in',
	gallery: {
		enabled:true
	},
	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');

    Regards,
    Josue

    • This reply was modified 10 years, 4 months ago by Josue.
    August 28, 2014 at 1:48 am #310158
    Adenadoume

    Cheers it’s working BUT the mfp arrows for previous-next are not displayed.
    (keyboard arrows work)

    P.S.
    also changed small typo from:
    $('.single-post big-preview, .single-post avia-gallery').magnificPopup({
    to
    $('.single-post .big-preview, .single-post .avia-gallery').magnificPopup({

    • This reply was modified 10 years, 4 months ago by Adenadoume.
    August 28, 2014 at 3:45 am #310172
    Josue

    Hi,

    Can you post the link to one of your posts please?

    Regards,
    Josue

    August 28, 2014 at 9:19 am #310300
    Adenadoume

    Sure:

    http://ws.agop.pro/club-chair-copenhagen/

    August 28, 2014 at 9:22 am #310302
    Josue

    Try with this code instead:

    function add_custom_script(){
?>
<script>
(function($){
$(window).load(function() {
$('.single-post .big-preview, .single-post .avia-gallery').magnificPopup({
	delegate: 'a',
	type: 'image',
	mainClass: 'avia-popup mfp-zoom-in',
	gallery: {
		enabled:true
	},
	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');
    August 28, 2014 at 9:49 am #310309
    Adenadoume

    No arrows still don’t show

    August 30, 2014 at 11:43 am #311249
    Josue

    Hey!

    Try with this:

    function add_custom_script(){
?>
<script>
(function($){
$(window).load(function() {
$('.single-post .big-preview, .single-post .avia-gallery').magnificPopup({
	delegate: 'a',
	type: 'image',
	mainClass: 'avia-popup mfp-zoom-in',
	gallery: {
		tPrev:		'',
		tNext:		'',
		tCounter:	'%curr% / %total%',
		enabled:	true,
		preload:	[1,1] // Will preload 1 - before current, and 1 after the current image
	},
	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');

    Cheers!
    Josue

    August 30, 2014 at 12:01 pm #311262
    Adenadoume

    Unfortunately this doesn’t work either.

    Arrows are shown only in Gallery and only if it has one than more photos inside.

    September 2, 2014 at 8:17 am #312084
    Josue

    Hi,

    Can you please create me an administrator account? post it here as a private reply.

    Regards,
    Josue

    September 2, 2014 at 11:08 am #312191
    Adenadoume
    This reply has been marked as private.
    September 4, 2014 at 1:43 am #313151
    Josue

    Hey!

    I can’t login, the form asks for “Google Authenticator code”.

    Regards,
    Josue

    September 4, 2014 at 10:45 am #313247
    Adenadoume
    This reply has been marked as private.
    September 4, 2014 at 10:15 pm #313614
    Josue

    Hi!

    It’s working now, i had to edit loop-index.php (child) too, line 91.

    Best regards,
    Josue

    September 4, 2014 at 11:07 pm #313640
    Adenadoume

    Excellent work, exactly what was needed.

    Thanks a lot!

    September 5, 2014 at 12:01 am #313677
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Same Lightbox for Featured Image and Gallery Images’ is closed to new replies.