How to fix blurry photos in WooCommerce

Many people who have bought some of my WordPress themes ask me How to fix blurry photos in WooCommerce so I´ve decided to make a really fast instructional tutorial.

If you’re having issues with your WooCommerce product images being too small, blurry or too big, this may be because of the image you’ve uploaded do not match your WooCommerce product image settings.

  1. First of all you should enter site admin panel and navigate to WooCommerce > Settings.
  2. Under the Products tab you should see the Display option, which defines the product images dimensions Width X Height in pixels. We need to change them.
  3. Catalog Image is for your images on the shop page and for widgets.
    Single Product Image is for your images on the single product pages.
    Product Thumbnail is for your smaller product thumbnails.

The photos you upload to products will be resized to match the values you have input here. If your settings are 100×100 and you upload a 300×600 image it will be resized to 100×200. You can also choose to ‘hard crop’ your images which will force them to be the size specified in these settings, regardless of the raw image you upload, but will be cropped rather than distorted in scale.

4. The minimum suggest width for images is 600px. If you do not want the image cropped, leave the height field blank.

5. Once you have made your changes to the image dimensions, click ‘Save Changes’.

6. If you change the image dimensions after you have uploaded product images, you will need to download and run the Regenerate Thumbnails plugin just once Regenerate Thumbnails – this is to ensure that all affected images are resized to match the new dimensions.

 

The end!

That concludes my tutorial for fixing the blurry product images on your WooCommerce shop.

 

ARE WE FRIENDS ON INSTAGRAM?

Follow along to check out more of my work and behind the scenes !

Feminine WordPress Theme

Hilary portfolio and eCommerce Genesis Child Theme

For pre-sale questions check the FAQS or contact me.

Requirements

This theme is compatible with self-hosted WordPress.org only. You must have domain name and Hosting. It will not work on WordPress.com.

What you recieve
  • Genesis Framework (value 59.95$).
  • Hilary eCommerce and Portfolio Genesis Child Theme.
  • Setup & help docs how to install the template and use it.
  • Demo content files for import widgets and content.
  • 3 promo boxes, Image profile frame, “Pin it button” in .psd and .png format (editable Photoshop).
How it works
  • Buy this theme via Paypal.
  • As soon as your payment is cleared, you´ll recieve an email with package.
  • Unzip the package to access Genesis Framework, Genesis Child theme, link with instructions and extra images.
  • Follow step-by-step link directions that are included in your packgage.
  • Enjoy your new blog!
WordPress Installation (Add-on)

This product is only for customers who purchase one of our premade blog wordpress in this shop.

Would you like me to install your wordpress theme for you in 24hours such DEMO? Not a problem!

  • Installation of theme and Home Page widgets
  • Setup of all Plugins.
  • Setup of Contact Page.
  • Setup Social media icons.
  • Setup Profile picture.
  • Setup your existing logo and/or favicon.
  • Setup Navigation menu
  • Demo content
Refund Policy

Due to the nature of digital products (intangible digital goods), I DO NO accept returns, refunds or exchanges.

Are you looking for a portfolio and eCommerce feminine WordPress Theme for your creative project?

Hilary is a highly flexible, visually stimulating and sophisticated feminine WordPress theme perfect for photographers, creative entrepreneurs and women in business.

Features

  • Woocommerce ready (eCommerce).
  • Filterable portfolio and gallery to display your work (images, videos,..) in 2, 3 or 4 columns.
  • MailChimp, Awber, ConvertKit,.. newsletter plugin compatible.
  • Display your category posts in grid layout (3, 4 or 6 columns).
  • Bottom widget for your Instagram Feed.
  • Landing page template.
  • Flexible Footer Widgets.
l

Customize it

  • Change colors and more than 300 Google fonts to make the theme match your brand.
  • Live theme customizer – see your changes before going live.
  • Front Page with flexible widget areas.
  •  3 parallax image backgrounds to upload.
  • Upload your own logo and favicon.
  • Organize your blog page with multiple layout options; 2 o 3 rows, pots scerpt + featured image or full posts.

Extra features

  • Extra goodies: Pricing table, Call to Action Boxes, Services boxes, Listings, Testimonials, Info boxes, Accoordeon content, …
  • 3 Promo editable Boxes included .psd  and .png format (Portfolio, Shop and Blog).
  • Sticky Navigation on scroll, preloader and “back to top” button.
  • Multiple blog posts layout: 2 o 3 rows, pots scerpt + featured image or full posts.
  • Preloader, make your visitor watch the animation before the site loads.

Seo Friendly

  • Build on the powerful Genesis Framework.
  • 100% responsive design (view the demo).
  • HTML5 Markup.

Here you can view examples of awesome websites of customers who are using these WordPress Themes

Hey there !

Don’t ever miss any of my freebies! Leave me your e-mail address and be the first to know when something new appears on my site.

Pin It on Pinterest

Shares
Share This