Product gallery image showing too small

[shirtacus]

The main image shows properly… the galley picture shows too small.

In screen 1 there’s a shirt product with one feature image (works fine) and one gallery image
screen 2 shows rollover over the big image frame does a zoom
In screen 3 I’ve clicked the rightmost small thumbnail (this is the gallery image) as you can see it’s way too small

in screenshot 4 I rollover that small image and the zoom happens. as you can see there it seems the frame of the gallery picture is not the same as the feature image frame.

How can I change this?

PS. I am using a child theme and the integrity stack

https://thewisdomofthepenis.com/product/just-so-you-know/

[rad]

Hi there,

Thanks for writing in.

Looks okay, I followed the procedure and I don’t see any issue. And zoom/hover is the same on selected image from smaller thumbnails. Perhaps you just wish to make the thumbnails bigger?

If yes, please add this CSS to your global custom CSS.

.single-product .flex-control-nav {
    position: relative;
}
.single-product .flex-control-nav.flex-control-thumbs img {
    width: auto;
    height: 5.5em;
}

Thanks!

[shirtacus]

Hi Rad,

Are you telling me that the two product pictures (front and back of tshirt) show the same size when you click their thumbnails? when I say the same size I mean big like in the first screenshot.

[christian]

@wotpadmin,

Please see the Secure Note to see what happens on my end. Please clear your browser’s cache then check again.

Thanks.

[shirtacus]

wow. thanks Christian and Rad. I wonder what’s going on here. Do you see how my screenshot shows the back of the the shirt so small? the frame actually shrinks down then when I click the feature image thumb (front of shirt) the frame grows back to normal size.

[jade]

Hi there,

Have you tried checking it in a different browser?

I have checked and the images display correctly as well on my end (see secure note).

Please try clearing your browser cache or loading the site in Incognito mode or try checking it with another browser.

[shirtacus]

Thank you all for your help. really glad to see I’m the only one seeing this. clearing the browser cache does in fact clear up the issue. It tends to recur, after some time, God knows why. but at least I know It’s only for me and now thanks to you all, how to fix it!

[mldarshana]

Hi There,

If you’re using any caching plugins on your site, try disabling it temporarily and test your issue again.

Thanks!

[shirtacus]

Ok, So It happened again but I discovered the source of the problem. WooCommerce Additional Variation Images Plugin is the culprit. And I haven’t been able to get it to work properly for the life of me.

I need this plugin to work (or one like it) to allow me to have at least 2 images displayed per product variation.

Is PRO compatible with this plugin? Any ideas as to a solution if PRO isn’t compatible?

[rad]

Hi there,

It should work with Pro, but maybe the issue now here is the how Woocommerce handle the gallery (it’s been changed since last major update). Plus, most add-ons integration are only made between Woocommerce and them. So it may still not work on some theme.

I’ll add this to our issue tracker, but as a feature request.

Thanks!