I have three products and when I view them via the Catalog button, their main images are way too big. Is there a way to have them fit properly? The images in individual product pages look great, not so much when they’re viewed together.
Hello @Will408!
Concerning your question, the answer is yes. In the Horizon theme, product image sizing in the catalog is mostly controlled by the theme settings, not by resizing each image manually.
Start by going to Online Store → Themes → Customize, then open a Collection page. Check the settings for the product grid or product cards and look for options like image ratio, image size, or media layout. Changing the aspect ratio (square, portrait, or landscape) will adjust how the images appear across the catalog.
If you don’t see any image size controls in the customizer, the only other option is editing the theme’s CSS, which is best handled by Horizon theme support to avoid issues with future updates.
I hope this helps you out!
Yeah, changing to portrait or landscape doesn’t affect the images themselves, still way too big for their containers. Thanks, though.
If the images ration doesn’t change, even changing the ratio from the theme customizer, then it means that there is the code that is overriding with the current Resizing options settings.
This overriding happens, when you use a third party app. And the third party app coding conflict with the exist coding. I’ve shared the example of overriding below.
Let your theme has this code.
.body {
background-color: red;
}
Let day, later on you install a app that have the code with the same selector.
.body {
background: green !important;
}
So now, instead of applying the red color, it will apply the green color.
The same overriding might applying on your current settings code. By any chance can you share your store url so that I can take a look and provide you with the solution code.
Hi, here’s the url. Hopefully it’s the one that you can edit with. I’m new to all this.
