Archived topic
center woocommerce product images
5 replies · Started by Konstantinos on June 8, 2021
Hallo to team.I have a certain issue with the woocommerce product image.I want to center the product image as you see in the example in the link
https://www.modawood.gr/product-category/portakia/modawood-imimasif/ but as you can see i dont have the result i want.Do you have any suggestion i could better handle the woocommerce product images with additional css?
Thanks for help!
Hi there,
I'm not sure I see what you mean.
To clarify: Did you provide 2 links?
If no, is the link you've provided the example you're trying to achieve? Or is it the site you're currently working on?
If it's the site you're working on, can you provide any mockup images or the link to the reference site you're trying to replicate?
So we can check it and have a clearer idea of how you want the product images to be "centered".
Let us know. :)
Hi,no it was one link and its the one i am currently working on.
For example inside a product the picture is correct https://www.modawood.gr/product/modawood-imimasif-175/
And in the category gallery the picture is cropped.
Is there a way i can have a better result and not cropped?
Hi there,
the Woocommerce plugin is responsible for the product image sizes, go to Customizer > Woocommerce --> Product Images >> Thumbnail make sure the Thumbnail cropping is set to uncropped.
Ideally you want ALL image to be the same size and aspect ratio if you want them to be uncropped and kept in alignment
Thanks David,the problem was that i didnt have the same dimensions to all the pictures.
Anyway i found a way with custom aspect ratio with better results.
Thanks for the help,keep up the good work.
Great to hear that!
