Jump to content

How Do I Enable Auto Aspect Ratio?

Recommended Posts

I am using Jaunt Template.

In the "Products: Gallery" under the "Styles and Design" settings there is an option to change the displayed aspect ratio of the product images. However the only options available are constrained static aspect ratios. I need an option to have "auto aspect ratio" in order to upload either horizontal or vertical images.

Is there a way I can enable auto aspect ratio for product images?

no auto.JPG

Link to comment
  • 4 weeks later...
  • Replies 2
  • Views 2.3k
  • Created
  • Last Reply

I've been going over and over this myself and there is another thread about it, but in short, there isn't a way to do it.

Except, I've just discovered, that if you choose Design: Stacked rather than Slideshow, they do auto-size, but it makes it a lot less neat.

I'm going to try it and see what my client thinks.

Link to comment
  • 1 month later...
.summary-thumbnail-image.loaded {
    object-fit: contain !important;
    object-position: top;
    width: 100% !important;
    height: 100% !important;
    position: static !important;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;

.sqs-block-summary-v2 .img-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 0px !important;

works nicely for a summary block product gallery if that's what you're after? Also for related products, thumbnails.

unfortunately I am unable to find a clean way for it work on a product directory page. Landed here whilst looking for one, been causing a bit of a ripple effect of issues.

Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.