Product image resize / blurry images - by jvds

This topic has 7 replies, 2 voices, and was last updated 7 years, 4 months ago ago by Olga Barlow

  • Avatar: jvds
    jvds
    Participant
    November 2, 2016 at 19:49

    Hi,

    I love the XStore Theme and I am almost finished with my store. However, I have a problem with the product images. They seem blurry and unsharp, because they are being resized or something.

    I have included the URL to the store in the private content field (URL 1 is the example product). I have uploaded an image (URL 2, 1476×2218 pixels, sharp) as my featured image. However, when displayed on the product page, the image appears to be unsharp and blurry. The image URL appears to be URL 3, so it’s a 600×600 version of the file. In other words: it’s being resized to a square and then being resized to a rectangle again.

    How can I fix this problem?

    Thanks!

    Jelle

    Please, contact administrator
    for this information.
    6 Answers
    Avatar: jvds
    jvds
    Participant
    November 3, 2016 at 01:22

    Update

    I read through a lot of support tickets and used https://docs.woocommerce.com/document/using-the-appropriate-product-image-dimensions/ and https://wordpress.org/plugins/regenerate-thumbnails/ to try and fix this problem. The images appear sharp now, but the layout looks odd. Have a look at the URL in the private content field. The image is not 100% width and the thumbnails below the image appear with too much space between them. In addition, the product images in the catalog view have messed up the alignment. Please have a look at URL 2.

    These are my settings:

    WooCommerce - Products - Display

    Please, contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    November 3, 2016 at 14:57

    Hello,

    Correct size for your images will be:
    Catalog images: 190×286 Hard Crop – off
    Single Product: 555×834 Hard Crop – off
    Product Thumbnail: 190×286 Hard Crop – off
    Set these settings, after that install Regenerate thumbnails plugin and go to Tools > Regenerate thumbnails > regenerate all.

    Regards

    Avatar: jvds
    jvds
    Participant
    November 4, 2016 at 14:27

    Hi,

    I tried the settings you provided, but the store looked messy, so I used slightly different settings and I am happy now.

    I have another question regarding the WooCommerce Color & Swatches plugin. As you can see in the private content section, URL 1 points to a product on our shop. I set up the plugin, but it is not working with XStore. I also read something about your own Swatches plugin, but according to the information on the Themeforest support page, it should already have been made public. Should the WooCommerce plugin work, or is it an XStore related problem? If it works on other XStore websites, I will look into .js cache problems.

    Thanks!

    Jelle

    Please, contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    November 4, 2016 at 15:19

    Hello,

    I see js error in console http://prntscr.com/d30h8b
    It caused problem. Can’t tell you what it the reason of this issue without admin panel and FTP access.

    Regards

    Avatar: jvds
    jvds
    Participant
    November 4, 2016 at 17:25

    Hi,

    Thanks! I got rid of the js error, but the plugin is still not working. Any other ideas?

    Jelle

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    November 5, 2016 at 08:53

    Hello,

    I see that you are using cache and minify option. Try to disable cache plugin and check if it helps. Minify option may cause such problem. If it does not help, provide temporary admin panel and FTP access to your site.

    Regards

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

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

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