Unfortunately there are no way to make your images all look good when you have images that are all variable sizes. So you have 3 choices. Either you prep all your images to be in same ratio proportion, or you set a fixed width and a variable height, or you set a fixed height and a variable width.
Those are the 3 choices you have. To do the latter 2, you simply go to your settings for the image sizes and put in 9999 for a variable size and set it to soft crop. Another words uncheck hard crop.
I assume you mean go to woocommerce >settings>catalog>image options ? That didnt seem to make much of a difference. I only regenerated one image after doing this if that makes a difference
It should make a difference if done correctly. After you change your image settings, you need to re-generate all images. Not just one. Use a image regen plugin.
Regenerated all images but still no luck. It seems that the default code is making them all the same width to fit the design with varying heights, so there must be some place to switch that so they are all the same height with varying widths. Too bad as I like this way more than WP estore.
Ah…You probably are still using the default woocommerce css. Well in there, is a style that gives it width 100%. Try changing that to max-width:100% instead.
In addition, it seems you have disabled the right click. You should really remove that as it is frowned upon. This is dictating user behavior. Much like when you land on a page and music starts playing even without user wanting to hear the music.
I understand you don’t want people to copy your images but this won’t stop them from doing so. If they really want your images, they can get it easily even without right clicks.
“Ah…You probably are still using the default woocommerce css. Well in there, is a style that gives it width 100%. Try changing that to max-width:100% instead.”
This is where my feeble brain runs into trouble. Where do I find this to change it?
Thanks for the feedback
It should be in woocommerce.css by default. I can’t tell where or which line as I don’t remember it by heart but its in there somewhere. You can try doing a search in that file for img tags.
In addition looking at your site, I don’t see any issue with the images…You said you wanted set width but unlimited height…that is exactly what I am seeing currently. What is the issue here?
No, I want set height with unlimited width so that the view options buttons will all be aligned
If you want it the other way around, you need to upload images that are in portrait mode instead of landscape and if you mixed them you will have issues…so this is not really anything wrong with WP or WooCommerce but how you prep the images…
To achieve what you want if all you care about is aligning the buttons and not worry about the image, then you can set both image/size the same and do a hard crop. That would make all images same size and your buttons will align.
Sounds like I wont be able to mix images and get the alignment I want. Oh well. It was worth a shot. Thanks
Well at the beginning of this post, I was under the impression you wanted images to be looking good for all…but then I realized you wanted buttons to align more…So different strategies for different outcome.
With that said, if you really want the buttons to align, you still can but you would need to modify the CSS to have a set height.
That is the problem. Ideally all images, portrait, landscape, panoram, would all be the same height and the corresponding correct width. That way the images would be correct and the view buttons would be aligned as all images would be the same height
