WooCommerce Product Gallery Thumbnails

Support
#1

WooCommerce Has made some changes – like removing the thumbnails from the bottom of the product page.
Is there any idea on how to put them back and also when looking at it on a mobile device. All of those little thumbnails cover up the image.

http://www.cousingaryrv.com/product/2017-cougar-21rbs-trailer/

Thanks, Mike

#2

Hi Mike,

Please add the following CSS under Customizer > Custom > Global CSS:

@media (max-width: 767px){
    .woocommerce div.product .images,
    .woocommerce div.product .summary {
        width: 100%;
    }
}

Let us know how it goes!

#3

Hi Thai,

Thanks for the response. Unfortunately it made no changes. Here is another link: https://www.nspx3.com/product/chase/

I need to move all of those tiny images to below the featured image - like it used to be.

I don’t know where or how to start changing it.

Mike

#4

Hello Mike,

Sorry if it did not worked out well. Please do remove that css code and use this different method. Since the child theme is set up, please add the following code in your child theme’s functions.php file

// Remove product gallery slider and gallery zoom
// =============================================================================
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' );
}
// =============================================================================

Hope this helps. Kindly let us know.

#5

Thanks RueNel,

It works ---- Yea!!

#6

You’re most welcome.