{"id":71874,"date":"2016-06-09T09:40:05","date_gmt":"2016-06-09T13:40:05","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=71874"},"modified":"2016-10-07T05:59:02","modified_gmt":"2016-10-07T09:59:02","slug":"woocommerce-troubleshooter-how-to-fix-blurry-images-issue","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/woocommerce-troubleshooter-how-to-fix-blurry-images-issue.html","title":{"rendered":"WooCommerce Troubleshooter. How to fix blurry images issue"},"content":{"rendered":"<p>Hello, this time we will learn how to fix blurry images issue in <a href=\"https:\/\/www.templatemonster.com\/woocommerce-themes.php\" title=\"WooCommerce templates\" target=\"_blank\">WooCommerce templates<\/a>.<\/p>\r\n<div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/7utR8X9d2W4\"><\/iframe>\r\n<\/div>\r\n\r\n \r\n<p>There will be a few steps, which should be done in order to fix it.<\/p>\r\n<ol>\r\n<li><p>First of all you should enter site <strong>admin panel<\/strong> and navigate to <strong>WooCommerce -> Settings<\/strong>.<\/p><\/li>\r\n<li><p>In the <strong>Products<\/strong> tab you should see the <strong>Display<\/strong> option, which defines the product images dimensions. We need to change them.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/06\/WooCommerce-Troubleshooter.-How-to-fix-blurry-images-issue.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/06\/WooCommerce-Troubleshooter.-How-to-fix-blurry-images-issue-220x300.jpg\" alt=\"WooCommerce Troubleshooter. How to fix blurry images issue\" width=\"220\" height=\"300\" class=\"alignnone size-medium wp-image-71875\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/WooCommerce-Troubleshooter.-How-to-fix-blurry-images-issue-220x300.jpg 220w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/WooCommerce-Troubleshooter.-How-to-fix-blurry-images-issue-110x150.jpg 110w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/WooCommerce-Troubleshooter.-How-to-fix-blurry-images-issue.jpg 508w\" sizes=\"(max-width: 220px) 100vw, 220px\" \/><\/a>\r\n\r\n<\/li>\r\n<li><p>We should change the <strong> Catalog images<\/strong> dimensions to the greater value.<\/p><\/li>\r\n<li><p>In case that does not change anything <a href=\"\/help\/wordpress-how-to-use-regenerate-thumbnails-plugin.html\" target=\"_blank\">regenerate thumbnails<\/a> using the <strong>Regenerate Thumbnails plugin<\/strong>.<\/p><\/li>\r\n<\/ol>\r\n<p>Those were all of the steps for fixing the issue.<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=7utR8X9d2W4?width=1280&amp;height=720\" rel=\"prettyPhoto\">WooCommerce Troubleshooter. How to fix blurry images issue<\/a>","protected":false},"excerpt":{"rendered":"<p>Hello, this time we will learn how to fix blurry images issue in WooCommerce.<\/p>\n","protected":false},"author":63,"featured_media":71876,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1556],"tags":[2299,494,785,2418],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/71874"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/63"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=71874"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/71874\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/71876"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=71874"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=71874"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=71874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}