shop grid view and single product – problem with images

Hi,

I’ll put link to my site on private content.
Have problem with images on grid view – categories and products and also with images on single product view.

Some images aspect ratio differ from others and there is no height block so they messed up with layout. How can i solve this?

Hello,

You can change the aspect ratio and perhaps disable image cropping. please check this manual: https://xtemos.com/docs/woodmart/faq-guides/image-size-content-alignment-product-grid/

Best Regards

this doesnt change category listing so its only for products and not for single product view these small images – gallery of product.

So the only solution is making square images with the same dimensions? why dont You implement croping in css in styles like

.container img.tall {
max-height: 100%;
max-width: 100%;
width: auto;

it will fit images to container with dedicated dimensions even with images big or small ones

how can i implement this to my situation in woodmart?

Hello,

The code would not work. Such code would break the default image sizes of WordPress and Woocommmerce.

The product categories image size depemends on the settings in Appearnce > Customize > Woocommerce > Product Images https://prnt.sc/1enj0sq

The images are cropped if the image size set is less than actual image size. This means that if you set 300px in https://prnt.sc/1enj0sq and upload image size 200×200 nothing would happen.

In order image corropping to be applied the image size should be bigger then the settings.

The product categories styles are designed for big images, you need to upload big images and then crop them to the equal necessary size.

As for the gallery in the single product, there is the option provided in the Theme Settings > Single product > Images: https://prnt.sc/1enlvgg

Best Regards

[Author]

Posts