Re: I'm trying to make all of my product photos the same size ('Trade' Theme)

I'm trying to make all of my product photos the same size ('Trade' Theme)

DaveL1
Visitor
2 0 0

I've seen people post code in this forum that can be plugged into different sections of the Theme's code to get all of the photo aspect ratios the same. Unfortunately, the 'Trade' Theme has different code sections than the ones with instructions, so I was hoping someone could point me in the right direction. 

 

Much appreciated!!

 

 

Replies 3 (3)

tim
Shopify Expert
3628 314 1342

This is because you do not need any code.

In Customizer, when on collection page, open settings for "Product Grid" section.

Under "Product card" heading you can select your image aspect ratio options -- select Portrait or Square instead of default "Adapt..."

Screenshot 2024-05-23 at 2.24.40 pm.png

 

If necessary, you can then override aspect ratio by adding code to Custom CSS setting of this section like:

.card, .card__inner {
  --ratio-percent: 66% !important;
}

 

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com
DaveL1
Visitor
2 0 0

Tim,

 

Thanks for your help! Unfortunately, I don't have 'Adapt to Image' as an option under Product Card (see image). 

DaveL1_0-1716910718269.png

 

Alternatively, when I put the code you suggested into Custom CSS, it's cropping the photos as such:

DaveL1_1-1716910840079.png

 

tim
Shopify Expert
3628 314 1342

Of course you can change the 66% aspect ratio to whatever suits your products.

And obviously, if images do not fit, they will be cropped either vertically or horizontally...

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com