Category: View images separately for each category (Portrait/ adjust to image) DAWN

Shopify Discussion
1

Can I set the image display separately for each category somewhere?

The problem is that in some categories the “Portrait” display is just right, otherwise the images are displayed at different sizes. (e.g. if one is slightly smaller than the other)

At the same time, however, landscape formats (e.g. a postcard) are only half displayed, which is why I need a solution for each category.

Or is there a setting that when “adapted to image size” is selected, they are all displayed the same size and one is not smaller/shorter than the other? Unfortunately, I can’t find the error in this regard either, since the affected images are in portrait format. Maybe it’s the resolution…
Examples of this: stationary…it just looks like ■■■■ there

shop link: www.sternentoelter.de - password plaurt

2

Hi @Sternentolter ,

We can adjust the image to make it the same size, but this will cut your images. You can try the code below. I write is that it will adjust to mobile view

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the base.css
  3. Paste the code below at the very bottom of the file.
.product__media-item.grid__item.slider__slide {
    aspect-ratio: 1;
    height: auto;
    overflow: hidden;
}

.product__media-item.grid__item.slider__slide .media > img {
    aspect-ratio: 1;
    height: auto;
}

.grid__item.product__media-wrapper modal-opener.product__modal-opener.product__modal-opener--image.no-js-hidden {
    aspect-ratio: 1;
    overflow: hidden;
}
3

Oh no, cutting is not what I wanted. I don’t want them to be all same sized, I just want to make the settings PER category and not for all categorys same!!