I hope this community can help. I see there is a lot of information on Woocommerce blurry product images and I've tried the fixes to no avail. We recently migrated our site and although all the products in our shop are fine, each time we try to upload and create a new product, the main product image is blurry.
Here's two examples. (1) Good product listing
And (2) here's the test with problems
Using Onetone wordpress theme and have the current installs of Wordpress and Woocommerce. Changing the thumbnail size and regenerating did not solve the problem. Neither did changing the image size from 100% declaration to 'auto' in Woocommerce.
The problem seems to be wordpress is using a much smaller thumbnail (we did not change any sizes after migration) and this is causing the blur because the images are being blown up. Here's the code I found for the image:
The image 'source' for this in particular is:
src="http://liquescencemedia.com/wordpress/wp-content/uploads/2016/08/Liquescence-Time-Travel-Mens-Ash-Grey-1-275x275.jpg
And as you can see, somehow this size is being used for the product image although we've uploaded a much larger size (1000x1000).
On the image details attachment page everything is fine, the resolution is high.
So I'm quite frustrated with this. Why is it calling a 275x275 from uploads when I've uploaded an image 1000x1000? How can I change this?
Any help is appreciated. Do know that I've already been through the Woocommerce literature and it doesn't address this problem.
Related
I was using WP Rocket for speeding my wordpress store and I don't know sometimes why the pictures at product description page shows like the image that I have added and sometimes it shows as expected like small images.
I tried to change settings but yeah still not make any different. Can somebody help me with this matter?
So I’ve been struggling with this problem for a few weeks now. I’ve deactivated and reactivated every plug-in AND tested my theme to see if that was the cause (and it was not) but for some reason most of my featured images are not showing up and it’s terribly annoying since it messes with the way my posts appear on my blog.
I’m considering leaving WordPress if this does not get resolved soon.
The featured images on my blog will not appear. They can be uploaded and edited. I’ve rebuilt their thumbnails. They are just fine until I attach them to a post and then they won’t show.
The problem is when I set a featured image. I can click on an image I uploaded, but it won’t actually attach to the post. After I select a featured image, it says “Click the image to edit or update” or “Remove Image” but there isn’t a picture there and when I update or publish the page, still no picture. This isn’t the case across the board and I have no idea why about six pictures have worked and the others haven’t. I’ve resized them to be the same size, same picture quality, even similar names. I’ve tried it all. I don’t know what’s wrong.
How do I fix this?
If there is no code or image is hard to understand what is happening. Could be a lot of things
The theme you have does not call those images or have to be called in a different manner. Check the theme manual or get another. (hardest way an not recommend to do it) revise the theme code to check if it does it.
Check that you are in the correct page, featured images are for posts check that you are not in a page url. Click on the url on top of the post to go directly to the post page. Also publish it before going to the post url.
Surelly there may be other thing to take in consideration, but these are the most common. Without more information of the problem is really hard to get a proper answer.
I tried many tricks, googled many websites, used many wordpress plugins but failed & fedup. I am running a coupons/ deals website, my problem is i want to display the product image completely without any crop even if it is small in size.
The original image is https://postimg.org/image/ue5aamx8t/
but cropped image showing in my website is http://couponfun.in/product/kanvas-katha-tote-%E2%82%B983/
please help.
Just do this thing,
The category images are the same size as shop_image (or Catalog) thumbnail. WooCommerce handles its product thumbnails in its settings:
WooCommerce->Settings>Products>Display
You can change its height, width, and toggle the hard crop on/off.
Note : After changing the image sizes you will need to regenerate thumbnails. (Link in same page you can see.)
I have an up to date install of wordpress and woocommerce using a pretty simple, customized theme.
I recently noticed that woocommerce is not calling thumbnail images for catalog pages, the cart, anywhere.. i hadn't noticed earlier because everything looks OK. For example: the cart displays 32x32px thumbnails, but is merely re-sizing the original image (1000x10000px) down to 32x32 instead of calling a smaller file such as the 150x150px thumbnails. it seems to be doing this anywhere a smaller image is used and my main catalog page is almost 40mb which is ridiculous- it should only weigh 1.5 or 2mb...
if you're feeling frisky, the 40mb catalog page is at superfly5000.com/collections/ (NSFW!!!)
Both woocommerce and wordpress image settings are set to 150x150 and 300x300. WC single product images and WP large size images are set to 0x0 so it will call the original image.
I have regenerated thumbnails and am about to convert all my PNG's to JPG's to save some weight but I really don't want to lose transparencies..
Any ideas??
You have to enable the hard-crop option for thumbnails, more info.
resolved: cool thanks,Vikas, the hard crop wasn't the issue but the snippet at the bottom of the page (https://docs.woothemes.com/document/adding-product-images-and-galleries/#section-4)- manually calling image sizes from the functions.php and regenerating thumbnails apparently did the trick. for some reason WC wasn't using it's own image sizes settings- i don't know why.
I've got a blog that has the highest-resolution version of all its images embedded in the posts, rather than a thumbnail linking off to an image attachment page.
Can you tell me how I can re-process all embedded images so they're output as reduced size thumbnails that link off to their own attachment page (which is WordPress default settings)?
Am I right in thinking I can involve the Regenerate Thumbnails plugin in this?
That was just about what I would suggest, it works wonders, but it will take longer depending on the amount of photos.
Another thing you can do is run the images through an optimizer before posting to speed up load times.
I don't know about this plugin but there is a plugin called auto post thunbnail for wordpress. I have used it and it works great. You just press the generate button and wait till it generates thumbnails for all of your posts, if they have an image in them.