Return to previous page

Variation image streched when choosing option

This topic has 4 replies, 2 voices, and was last updated 6 years ago ago by Rose Tyler

alsacs

Participant

November 8, 2018 at 17:34

Hello, another strange thing :

on Single product page, for product with variations.
when choosing an option, the image that I set for the variation is streched

Don’t know how to fix it

Please, contact administrator
for this information.

#202684 Copied

3 Answers

Rose Tyler

Support staff

November 9, 2018 at 09:37

Hello,

Image size you can change in Appearance > Customize > WooCommerce > Product Images.
More information about product image settings you can find in WooCommerce Documentation – https://docs.woocommerce.com/document/fixing-blurry-product-images/
After these changes, you need to Regenerate Thumbnails to apply them! You can use Regenerate thumbnails plugin https://wordpress.org/plugins/force-regenerate-thumbnails/ to do this.

Regards

#202714 Copied

alsacs

Participant

November 9, 2018 at 16:27

Sorry , but it seems that you did not understand the issue.

Product images are fine, no problem with them.

I am talking abut variation images : in Woocommerce you can choose a secific image for a variation
(ex t-shirt red, blue etcc…)

Here the problem is that when you choose a variation, the size frame of the main image doesn’t change so the variation image is streched

can you look at the example on this page to see what I mean
https://www.stephane-alsac.com/boutique/dessins-originaux/dessin-chamois/
choose “encadré”, and see what happen

thank you

#202814 Copied

Rose Tyler

Support staff

November 9, 2018 at 16:40

Your images have different sizes http://prntscr.com/lgcn97 http://prntscr.com/lgcnfy
I would recommend you to use a graphics editor and prepare product images (make them the same size) before uploading it to your media gallery.
Also, go to Appearance > Customize > WooCommerce > Product Images > Shop page display > 600 and regenerate thumbnails using the plugin.
Size of these images http://prntscr.com/lgcqmt http://prntscr.com/lgcqqkcan be changed here – http://prntscr.com/lgcqy5 Don’t use hard crop if you don’t want to crop images.

Regards

#202815 Copied
Viewing 4 results - 1 through 4 (of 4 total)