When viewing a product using WooCommerce and XPro, the additional thumbnail images for the main image are in the wrong place!

[core365]

Hi, I’m using WooCommerce and XPro, and when I go to a product page, the additional thumbnail images for the main image are displaying in the top right of the main image and are really small! I’ve tried to find out where the settings are to change it so the thumbnails display under the main image at the usual size they’re supposed to be, but I can’t find a solution to this anywhere - I’ve tried to find it in the WooCommerce documentation but can’t find anything relevant.

I hope you can help!

https://www.myhomeware.co.uk/all-products/white-towel-radiators/1000mm-wide-1000mm-high-flat-white-heated-towel-rail-radiator/

Thanks!

[albrecht]

Hi @core365,

Try adding this code to your child theme’s functions.php.

function my_wc_product_gallery_setup() {
  remove_theme_support( 'wc-product-gallery-slider' );
}

add_action( 'after_setup_theme', 'my_wc_product_gallery_setup', 100 );

Here’s a ticket that might also help you out https://theme.co/apex/forum/t/product-gallery/16562.

Hope it helps.

[core365]

Hi, that’s great, just how I wanted it, thanks!

However, when you click on one of the thumbnail images, the lightbox opens up across the whole of the page behind the header, which means the top of the image is cut off because it’s going behind the header instead of opening up in a pop up over the top of the site! I’ve read through the ticket and the other threads you pointed out, but they don’t cover the issue of the lightbox and I can’t find the settings anywhere for the lightbox.

Thanks!

[rad]

Hi @core365,

The lightbox z-index is too low, please add this CSS to Theme options > CSS to fix it.

.pswp {
    z-index: 99999999 !important;
}

Hope this helps.

[core365]

That’s excellent, you’ve sorted it, thank you!

Thanks!

[rad]

You’re welcome!