I have been trying to resize the thumbnails in lightbox but can't figure it out.
My current thumbnails are cropped and are about 50x30 px.
I need them to be square like 50x50.
I looked online for an hour but can't seem to find anything that works.
Below is a screenshot of the problem:
https://i.stack.imgur.com/yltym.jpg
Thanks for any help
You can change the sizes of WooCommerce thumbnails by going to the WordPress admin and navigating to WooCommerce > Settings > Products > Display. Then, adjust the sizes of WooCommerce Thumbnails. You'll also need to regenerate the thumbnails using a plugin, like Regenerate Thumbnails.
There's more information at the WooCommerce Docs.
Additionally, if those settings don't do it for you, you can drop in a function to adjust the WooCommerce thumbnails further. See this StackOverflow answer.
Related
placeholder thumbnails are showing instead of product images in woocommerce categories page, this images shows all the products under the "Beauty and perfumes" category
placeholder thumbnails shows instead of my product thumbnails
but the image displays when i click on a specific product
enter image description here
I had a plugin that had settings hiding the images inadvertently.
To figure out the culprit I deactivated all my plugins. The images were now showing. Next, I added re-activated them one by one until the placeholder images showed up again. So now I knew what/who was causing the issue.
I then activated the offending plugin and went through its settings until I found a setting that turned off images.
In this case, it wasn't a bad plugin it was just user error.
Just in case you are using the same or similar plugin it was: "Easy Custom Auto Excerpt"
I hope this helps any future developer with this problem.
Just an additional info.
I came across with this issue just right now.
Please make sure to set the Primary image of the product otherwise it will show the placeholder and won't show the product image gallery too.
Here are the settings i use on the website for the woocommerce images.
If you visit the website homepage, you will notice that the images with the 3 rows are being cropped but everywhere else they are normal. (right below in the special offers section they are okay, with the same size)
If you inspect an image and open in new tab, you will notice they are actually cropped. Those rows are created with siteorigin plugin and the widget is the product tyche widget of the theme tyche.
What could be the solution of this issue? Why the images are being cropped at those 3 rows? (Gaming, accessories, merchandise)
It might be the issue for different sizes of the 3 images. Try to do all the images equal size then add the pictures again. Hopefully, it will work.
Okay it was a theme issue and not Woocommerce.
Thanks to Simple Image Sizes plugin, I managed to fix the issue simply by disabling cropping on all of the theme images and resizing those image to the proper size so they get the perfect quality!
I am using the latest version of Wordpress. In sidebar and footer I used the recent post widget but in mobile and MAC OS the post thumbnails could not be shown. How can I solve this the problem?
The best dimensions for blog posts featured image is 750 x 350 Pixels.
When you enter the single post/page as per our theme there is no featured image to display. The feature which you require for your site needs lots of code customization work, which we could not cover through this forum. Hope you can understand. But, if you can code it by yourself, then, please prefer doing so using the child theme..
Other wise you can try this plugin Recent Posts Widget With Thumbnails
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'm making a WordPress website with WooCommerce and I need to resize the product thumbnails in the display products (category) page.
In particular I have this situation:
And I'd like to have a page like this:
Is it possible? I've checked that the CSS class should be img.attachment-shop_catalog.wp-post-image and I've tried with -webkit-transform:scale(1.2); but my product image thumbnails overlap. It's not a problem of WooCommerce images settings (the "force hard crop" option is disabled), so I think I have to add a custom CSS. Could you help me to fix this?
Thanks in advance!
I would have checked all surrounding classes cause it is probably limited by them, or there is padding-right set on outer container.
I would have tried to find (using Chrome possibilities) and try first to locally resize them and product container in CSS.