-
Posts
-
Hi I want the boxes on the category product page to be fixed square for the image and the images to shrink to fit that box. I also want all products in a row to be the same height.
e.g. http://fordtractorsales.co.uk/product-category/exhausts/
Thanks
RobHey fanlokbun,
Thank you for using Enfold.
Did you set the size of the Catalog Images in the Woocommerce > Settings > Products > Display > Product Images panel? The better solution is to upload images with the same size and aspect ratio if possible.
Best regards,
IsmaelHI Ismael,
Yes I set the size of the catalogue images and rebuilt the thumbs. I know the better solution is upload images all the same size but this is a shop transferred over from Joomla which has 2288 products, all with old images of varying sizes.
What I want is the image to be responsive and fit centered within a square which size depends on the responsive layout. Once this works I will rebuild the thumbnails without hard crop. This way all products will line up evenly and show the full product image. At the moment it looks a mess.
Thanks
Hi,
It’s possible to add a minimum height to the product items via css but it may distort some of the images. And looking at the product thumbnails, the size varies a lot so I don’t think this will work. Example:
http://fordtractorsales.co.uk/wp-content/uploads/2016/10/3247C-1-44×200.jpg
http://fordtractorsales.co.uk/wp-content/uploads/2016/10/41357-1-200×56.jpg
http://fordtractorsales.co.uk/wp-content/uploads/2016/10/4413-1-147×200.jpgAgain, the only solution is to upload images with the same size and aspect ratio. Or force the product thumbnails to be resized to a specific dimension with the “hard crop” parameter enabled.
// https://wordpress.org/plugins/simple-image-sizes/
Best regards,
IsmaelHi!
I checked your site and it seems everything is good and product images are on equal image dimension :)
Regards,
Nikko
- The topic ‘Woocommerce category product display pages fixed width and height’ is closed to new replies.