How can I resize large product images on the Impulse theme?

Technical Q&A
1

I have many products, and all images are okay, except our GELS. The images are way too big. I tried to crop, resize, on the shopify media and even on my computer before loading, changing the size or the pixels, the ratio.

I also tried a few of your ideas on this community, and Googled…but can’t find the solution to my problem.

Theme is IMPULSE

Product page (image too big): https://www.sparksportsnutrition.com/products/isotonic-energy-gels-4-flavours-available?variant=37474765865134&selling_plan=

Product page (norma size for product) : https://www.sparksportsnutrition.com/products/spark-pro-isotonic-hydration-5-flavours-available?variant=37472627720366&selling_plan=

Thanks !

2

It makes some sense. That product is a tall skinny image, and the theme is designed to fill the available width with the image. This makes the image really, really tall when stretched that way.

You would have some options:

  1. edit some code to set add in some max values. In other words force the slider/image gallery to limit just how big and image can be shown at. This option could be appealing if you’re comfortable with code and adding something like a max height is not likely to cause pain for you later.

  2. edit the image to add padding on the left and right. If for example the image was square (with a bunch of empty pixels on either side) it won’t be as tall when stretched full width. This option might be preferred since it won’t require code edits, but will make the image a little larger and slower to load