Product Gallery Images Fixed Height, Resize Width

[jgille07]

I’m using the Woocommece Single (Product) Layout document type in Pro to create my product page layout.

I’m using the default Product Gallery element to generate the gallery of images for the products and by default, the height of the gallery adjusts based on the height of the image selected.

I’d like to change this so the height of the gallery and the images remains the same for every image, and the width of the image gets adjusted accordingly so the aspect ratio remains unchanged.

I don’t see any options to accomplish this in the standard Product Gallery element’s settings/options.

Can this be done by adding CSS to the layout page or to the element?

[nabeel]

Hi @jgille07,

Thank you for reaching out to us. Yes it might be doable with custom CSS too, while that is outside the scope of support, we could point you in the right direction. Please provide the exact page URL so we can take a look at your current setup.

I’d encourage you to subscribe to our One service for the customizations like this.

Thanks!