Aspect ratio of product images in the Store Page (MOBILE AND DESKTOP)

Site URL: https://adrianrydz.squarespace.com/shop

I have one of the last main problems to fix before publishing my page. I would like to have all my product images in original aspect ratio in my store page (MOBILE AND DESKTOP). I would like to offer some prints in landscape orientation, and others in portrait orientation without cropping.

I am aware of creating Product Blocks to create a custom online store layout with product blogs on a different page, and then hiding the Store Page by moving it to the not linked section of the Pages panel. And honestly so I did, however I am not happy with custom online store layout, so I would rather stay with ORGINAL STORE PAGE.

May I ask anyone to help me to fix this problem...

PASSWORD... yumichan

50 minutes ago, adrianrydz said:

Site URL: https://adrianrydz.squarespace.com/shop

I have one of the last main problems to fix before publishing my mage. I would like to have all my product images in original aspect ratio in my store page (MOBILE AND DESKTOP). I would like to offer some prints in landscape orientation, and others in portrait orientation without cropping.

I am aware of creating Product Blocks to create a custom online store layout with product blogs on a different page, and then hiding the Store Page by moving it to the not linked section of the Pages panel. And honestly so I did, however I am not happy with custom online store layout, so I would rather stay with ORGINAL STORE PAGE.

May I ask anyone to help me to fix this problem...

PASSWORD... yumichan

try

.products.collection-content-wrapper .grid-item .grid-image-cover {
    width: auto !important;
    height: 100% !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

Thank you for taking time to look at it! Yes, it solved a problem of aspect ratio, however it leaves so much space around portrait orientation photos. Is it any chance to fix it, or should I again go back to a custom online store layout with product blogs on a different page?

I have this question, too. I'd like images with portrait orientation to appear as the same size as the landscape ones. All the methods I've found for displaying the original aspect ratio, so far, produce either a smaller image (with all image heights equal) or one twice as large (matching width). Can someone help with this?

Another method is here:

On 11/4/2021 at 1:50 AM, meownderthal said:

I have this question, too. I'd like images with portrait orientation to appear as the same size as the landscape ones. All the methods I've found for displaying the original aspect ratio, so far, produce either a smaller image (with all image heights equal) or one twice as large (matching width). Can someone help with this?

 

Another method is here:

 

 

Can you share link to your site?