No image in mobile when variation is selected

Hi @melaniejb,

If the variable product does not variation image, then when you select on a variation, it will show only the featured image if the featured image showing option is checked and the default gallery will not show.

Keep unchecked the featured image option not to show along with variation images. In this case, if the product does not have variation images then it will show default gallery with featured image.

After this, let me know if the gallery slider works properly or not.

Hello,

the featured image option was already unchecked. So the gallery slider is still not working properly.

Thank you

Hi,

Thank you for pointing out the image loading issue. We have noted it in the development roadmap. The resolution will be included in the future version.

For a quick solution, kindly add the following code in the current theme’s funtions.php to resolve it like this screenshot.

function wgs_gallery_reset () { 
	if( is_product() ) { ?>
	<script>
		(function($){
			$(document).on('ready', function(){
				
				$(document).on('change', '.variations select', function () {
					setTimeout(function () { 
						if( $('.wcgs-carousel .slick-list').outerHeight() == 1 ){
							$('.wcgs-carousel').slick('refresh');
						}
					}, 300);
				});
			});
		})(jQuery);
	</script>
	<?php  } 
}
add_action( 'wp_footer', 'wgs_gallery_reset', 99 );

After adding, let us know if the gallery show properly or not.

Thank you,

the gallery displays properly in Chrome on mobile but it still does not display properly in Instagram’s in-app browser.

Is there a way to fix this?

Thank you

Hi @melaniejb,

Please create a support ticket here and tell us how to test in instagram’s in-app browser to review the issue.

Your co-operation will be much appreciated.

Thank you!