Woocomemce image gallery

Support
#1

Hi, My woocommerce image gallery is not functioning and i wasnt sure if this was an xtheme thing. Ive added the images and unlike seen in other stores, the images are not showing in a nice 200x200 box below the main image. Its in like a 25x25 box inside the image and in the top right corner. They also dont function. I cannot click on them and see them.

http://81p.b83.myftpupload.com/product/lighthouse-dark-blend/

Thanks for the help
Rena

#2

Hello Rena,

Thanks for posting in! This is because we have adapted the WooCommerce 3.0 new gallery feature and the zoom feature. Do you want to revert back to the default one? To resolve your issue, 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' );
}
// =============================================================================

You will no longer have zoom and the thumbnails will display below the single product image instead.

We would loved to know if this has work for you.

#3

awesome that worked. Thank you!

#4

actually the only thing is… I thought when you clicked on the thumbnail the image would change in the main image area. instead this opens up a big pop up window… http://81p.b83.myftpupload.com/product/the-grove-blend/

#5

Hi There,

This feature is not available in X theme. You have to use the 3rd plugin like this:

Hope it helps :slight_smile:

#6

oh gotcha. Ok so one last question. If i revert back to the other way. and now the thumbnails are tiny inside the main image. They dont actually do anything. I click but nothing happens. Are they supposed to do something?

#7

Hi Rena,

The small thumbnails are for navigations, it should slide to the image it represents when clicked.

It’s just that your site’s entire header is covering it which makes the thumbnails unusable. Do you intend to have that header setup or is it temporary? It can be fixed by CSS, but another part will stop working (logo, menu). They can’t be fixed at the same time since they are overlapping elements. Even changing the heights of the header affects the visibility of the logo and menu.

Another solution would be giving space between your header and the page content, or by setting its initial position to relative instead of absolute.

But just for confirmation, you can assign empty header for that page and test the thumbnails.

Thanks!

#8

Ahh thank you for explaining that. I didn’t realize it was covering it. I added:

.woocommerce .entry-content:first-child {
margin-top:150px;
}

and that fixed it.

#9

Glad it’s fixed now, cheers!

#10

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