Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

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

Share this post

Link to post

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.

Share this post

Link to post
.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.

Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...