Product Gallery Images to go into full size on Product Page

Question

I would like to find out. For those Product Gallery images, will it become the Product Image when you click or mouseover it?

I am unable to get it to display a bigger image. It just stays at the 1st image, without changing.

Is there anything I could do, so that when I click on whichever picture I want, it will display the bigger version?

I am using Flatsome theme on WooCommerce.

Thanks. enter image description here

Answer 1

/* gallery image size change in single product page */

add_filter( 'woocommerce_gallery_thumbnail_size', function( $size ) {
  return 'full'; // ‘full’ , ‘thumbnail’, ‘medium’, ‘large’
});

For more details please click enter link description here