A user seeks to modify the Shopify Expanse theme to display product images in a 4:5 aspect ratio on collection pages, as all their product photos are formatted at 4:5. The theme’s default options only include 1:1, 2:3, and 3:2 ratios.
Resolution:
The issue was resolved through custom CSS modification. The solution involves targeting the .grid__image-ratio--portrait:before selector and setting padding-bottom: 130% to achieve the desired 4:5 aspect ratio display for collection page product images.
Hello all!
I have a store www.dibor.co.uk Which is using the expanse theme, the image options are 1:1, 2:3, 3:2, however all our product image photos are set at 4:5, is there a way to set the product images in collections to display 4:5?
Thanks in advance!
I fixed this by doing the following:
.grid__image-ratio–portrait:before {
padding-bottom: 130%;
}