Product image size on the product page. Warehouse theme.

Highlighted
Excursionist
21 0 3

Hello everyone who is here.
- Warehouse theme.
- Store - https://amz-supply.myshopify.com/

Our product images may have different aspect ratios. How to make Product image size on the product page always square? 

Maybe there is some kind of CSS that will fit images with different aspect ratios into a square.

Such a function is on the product listing page, collection, But not for the product page.

For example, here's a listing with a stretched image:
https://amzsupply.com/products/disposable-pe-aprons-0-8-mil-28x46?pr_prod_strat=collection_fallback&...


Screenshot_1.png

0 Likes
Highlighted
Shopify Partner
526 76 109

Place this code at the end of theme.scss

.product-gallery .aspect-ratio {
padding-bottom: 100% !important;
}
If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
0 Likes