Product Gallery

Our Product gallery is in the wrong place, overlapping the main product image. How do we fix this problem?

https://www.northwestresponse.com/product/quantitative-on-site-fit-testing-service-qnft/

Hello @etbliss,

Thanks for asking. :slight_smile:

Please add following CSS under X > Launch > Options > CSS to change the position of thumbnail:

.flex-control-nav.flex-control-thumbs {top: -40px;}

Thanks.

Thank you, that solved the overlap issue. Is there anyway to get them back on the bottom/underneath the product image and larger like they used to be?

Also, the rollover renders them very odd?

Hello There,

I would like you to review this thread. This will explain about this changes in WooCommerce image galleries.

To move back the image thumbnail below the single product image, you will need to insert this code in your child theme’s functions.php file

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

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

For more explanation about how this code works, you can also check out this thread:

Hope this helps. Please let us know how it goes.

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.