Broken Woocommerce product gallery since update to newest xTheme

[knowmates]

Hi there,

we’ve got a broken gallery since we’ve updated to the latest versions of woocommerce and xtheme. The type how pictures are shown has changed to a not good way.

On mobile devies the pictures are shown one by one in one column so you have to scroll down to get the button where you can put the article in basket. Whats wrong there?

[thai]

Hi There,

To switch back to the old gallery:

Please add this custom code under functions.php file locates in your child theme:

add_action( 'after_setup_theme', 'remove_woo_three_support', 11 ); 
function remove_woo_three_support() {
	remove_theme_support( 'wc-product-gallery-zoom' );
	remove_theme_support( 'wc-product-gallery-slider' );
	remove_theme_support( 'wc-product-gallery-lightbox' );
}

Hope it helps

[knowmates]

Hi there, it’s not working for me. Nothing changed. In the old gallery type we can switch the images. Now there are other product images below the big one which open the lightbox when we click. On mobile the images are among themselves so the user is forced to scroll until he can buy the products…

[rad]

Hi @knowmates,

To answer your first question, columns breaks into a single column in mobile and it’s only normal for responsive layout. But if you wish to enforce the columns regardless of device, then please add this CSS to your global custom CSS.

.gallery-columns-3 .gallery-item {
    width: 30.6666% !important;
    float: left !important;
    margin: 4% 4% 0 0 !important;
}

    .gallery-columns-3 .gallery-item:nth-child(3) {
     margin-right: 0px !important;   
    }

The lightbox is from your Responsive Lightbox plugin. You can deactivate it if you don’t wish to utilize it.

Thanks!

[knowmates]

Thanks a lot!

[christian]

You’re welcome.