WordPress.org

Forums

WooCommerce - excelling eCommerce
Why My image become blur? (7 posts)

  1. shengadmin
    Member
    Posted 1 year ago #

    Hi,
    I'm using WooCommerce, but it has caused poor quality of my image. It's embrarrassment to show the public. Can anyone help?

    Many thanks

    https://wordpress.org/plugins/woocommerce/

  2. lorro
    Member
    Posted 1 year ago #

    Hi, This can happen if the image you uploaded is too small, eg 100 px, and then your theme will stretch it to eg 300px to fit the space on the page. If this applies to you, then you need to upload a new image of a size closer to the displayed size. If your uploaded images are already big enough, check the settings in the WooCommerce / Settings / Products tab / Products image sizes section.

  3. shengadmin
    Member
    Posted 1 year ago #

    Hi,
    I'm affiliate, I don't have original image. I'm using datafeedr WooCommerce Importer plugin to upload the images. How can I solve this problem?

    Many thanks

  4. lorro
    Member
    Posted 1 year ago #

    Hi, If the image is small or poor quality you can't put quality back in. You could consider applying a border. For example, if your image is 100 px and you are showing it at 300 px, edit it to have a 100 px border the same colour as the background. Then the image won't be expanded and become blurred. Or you could edit the theme style to show images at a smaller size but this requires a knowledge of css and may throw up other problems.

  5. datafeedr
    Member
    Posted 1 year ago #

    Hi,

    I have posted the solution to your support ticket here:
    https://v4.datafeedr.com/ticket/695#comment-1047

    Eric

  6. shengadmin
    Member
    Posted 1 year ago #

    Hi,
    Now my image problem has been solved. Thank you very much for it. But my Hompage images are huge. I was thinking it's my theme designer problem, but they told me it's not their fault (see http://i.imgur.com/F3AvbS4.jpg). It's either affiliate plugin provider or WooCommerce problem. Can you let me know how to resize the image. Please take a look my website: jewelryothers.com

    Many thanks
    Sheng

  7. lorro
    Member
    Posted 1 year ago #

    Hi, If you put this in your css:
    .woocommerce-page ul.products li.product {width:220px}
    it will make the images smaller, but still 3 in a row.
    Have you tried using the same template for the homepage as for the other pages, ie with a right sidebar to use up the space. In this case you won't need the css above.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce - excelling eCommerce
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic