WooCommerce 3.0.0/3.0.1 and the images issue

Hallo mensmaximus das ist wirklich ein toller Beitrag, leider ist mein Englisch nicht so gut, aber ich denke ich habe alles verstanden.
Vielen Dank für Ihre Mühe und die damit verbundene Arbeit.
Diana

• This reply was modified 7 years, 6 months ago by DianaFuetterer.

Hey Elsmore01, it is probably coming from the same issue. I’m not sure at a 100% if your issue was the same as mine, but my thumbnails were different sizes, depending on the size of the original image I uploaded. I chose to change the height of the div that contained those images with some CSS :

.thumbnails .woocommerce-product-gallery__image a.noHover.noLightbox {
    height: 5.7em;
}

The height value, will depend on your layout, so you will need to adjust.

Hope this helps!

@mensmaximus, you’re a beast!! Thanks again for your help!

Got a URL we could view? If not, try this :

.woocommerce-product-gallery__image a.lightbox-added {
height: DefineYourCustomHeight !important;
}

FYI, this is only a “band-aid” to the problem…

I started regenerating thumbnails before I found this thread. Would there still be a benefit to me using your directions, or did I create a hopeless mess by already regenerating?

• This reply was modified 7 years, 6 months ago by anm54475.

Hello,

I have make all by instructions . But now image is little blurry and I see now little magnifier. You can see on image.
https://www.dropbox.com/s/3wmtcaoxcnbxydp/2017-04-30_211829.jpg?dl=0

Is this some new thing from wooo or ….?

Hello,

I have made regenerate thumbnails and that is fixed. Woocommerce is put magnifying glass that can not be removed or excluded. They put completely stupid additions.

hmm… my WPRocket doesn’t like any of the Woo-Enfold fixes and says no if i have the “Remove query strings from static resource” Feature activated.

More over I am not very fond of the new Woo3 picture solution. (forward & backwards arrows are too small and so on).
… seems I have to wait with my Woo3-Update until the Kriesi-Enfold Team comes up with a perfect solution. :-)

Btw:
Thank @mensmaximus !
and a much bigger thanks in advance to the Enfold-Developers. ;-)

Hi

I just updated my site and the small pictures under the main picture is in wrong order.
You can se here: http://www.svenskvaxtmiljo.se/produkt/light-cubico/

What can i do?

Sure. Important to notify me when you are done.
This password works only for today.
/Maria

@Basilis
Sounds great!
Anything which extends the woocommerce product pages is very much appreciated. ;-)

I regenerated my images, as suggested by Woocommerce, before finding the Maximus fix.

I followed all of the steps to the fix carefully, but my images are still blurry AF. I have a small limited number of plugins (WPML, Woocommerce, and Contact).

Will there by an update on this soon?

Thanks @mensmaximus, and attn: Enfold developers.
We just began development on our webstore today. We are running the most recent versions of WordPress, Enfold, and WooCommerce. Working in Firefox, we had this same blurry image issue on the product page. Verified the problem also existed in Internet Explorer 11 and iOS 9 (Safari). The problem did not occur in Chrome.
We used the fix originally provided by @mensmaximus in https://kriesi.at/support/topic/enfold-theme-woocommerce-product-images-not-showing-as-of-4-4-17/page/3/#post-773385, just to fix the image problem, and it worked perfectly.
Looking forward to Enfold being fully compatible again.

Hi Victoria,

I changed the default image size settings, and regenerated thumbs, which seemed to do the trick (but they are still not quite as sharp as they used to be). I’m selling art, so it helps if the images look high quality.

Catalog images 300 × 300px Hard crop
Single product image 600 × 600px Hard crop
Product thumbnails 180 × 180px Hard crop

Do you know if these are the actual default sizes from Woocommerce? I searched online and I found several sizes.