Variation image streched when choosing option

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

  • Avatar: alsacs
    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.
    3 Answers
    Avatar: Rose Tyler
    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

    Avatar: alsacs
    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

    Avatar: Rose Tyler
    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

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.