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.
Related
I need to change woocommerce thumbnail size from 180x180 to 173x173. I have set in the functions.php the proper code and regenerated thumbnails with Regenerate Thumbnails plugin. All good so far.
The problem is that some of the products take the new size (173x173) properly and some retain the old size 180x180.
I want to delete the old thumbs but i don't get why some of the products are still reading that dimension.
Thank you
Fixed. Turned out that the images that have less than 173 in height does not display. So i changed the resize value to 0x173 and worked well.
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.)
The problem I'm having is with WooCommerce plugin in Wordpress. I am adding products along with their images but the problem is that the images I'm provided are of varying sizes. Some of the images are vertically oriented and as a result, the image gets cropped off so that only the top ~30% of the image is showing while the rest is cropped off.
I need to upload hundreds of product images so I'd want to find a way to efficiently resize everything properly so that images aren't cropped incorrectly. Do I just need to resize the images myself before uploading to WooCommerce or is there a way to get this to work properly?
It is ultimately up to you how you want to handle your images - it's going to be specific to your site. That said WooThemes has some documentation on using appropriate product image dimensions. You might want to try unchecking "Hard crop" on the product thumbnails - this will result in your thumbnails not having the same dimensions but it will not crop part of the image. If this doesn't work, you probably need to pre-edit the images.
I have this news portal i built, and the client want a different size of the featured image.
I all ready made my first desired size and they have posted around 200+ posts all ready with that image size. Now, if i change the size it only changes on the new posts / or re upload of the current featured images(which is too much to do by hand).
My Question is, is there a way to resize the uploaded images?
I've never used it, but I think the Regenerate Thumbnails plugin does that.
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.