How can I get the second image (on hover) in a carousel to be the same size?

Store Design
, , ,

Topic summary

Main topic: Consistent image sizing in a product carousel (Showcase theme), focusing on hover images and aligning heights between horizontal and vertical product photos.

  • Issue 1: OP wanted the second (hover) image to match the first image’s proportions and be uniform across products. OP later confirmed this was solved but did not share the method.
  • Issue 2: OP seeks to make horizontal product images the same height as vertical ones in the carousel to avoid visible shrinking. Provided store URL (https://neatstockholm.com) for review.

Context: “Carousel” refers to the rotating product image gallery; “hover image” is the image shown on mouse-over. Screenshots were included to illustrate size inconsistencies.

Current developments:

  • First issue resolved (no solution details posted).
  • Second issue remains unresolved; OP is requesting help.
  • Another participant asked how the first issue was fixed.

Status: Open; awaiting guidance and a shared solution.

Summarized with AI on December 25. AI used: gpt-5.
1

Hi!

I have 2 issues regarding the carousel /hover images for the Showcase theme that I’d love some help with.

  1. I would like the second image (on hover) to be a set size, so that it keeps the same proportions as the first image, but also so all second images in the carousel have the same size, regardless of their org size. Is there a way to do this? This is what it looks like now, where eg second image of Swan vs Poppy are different:

Swan second image (on hover)
Swan second image (on hover)2874×1524 647 KB

Poppy second image (on hover)
Poppy second image (on hover)2874×1514 610 KB

  1. Is there a way to make the horisontal products the same height as the vertical ones, so they don’t shrink like below:

Screenshot 2023-09-24 at 13.28.37.png
Screenshot 2023-09-24 at 13.28.37.png2878×1440 450 KB

Thanks in advance!

All the best, Klara

2

Hi, what’s the URL of the store?

3

Hi John,

Sorry I didn’t see your reply until now. I have sorted the first issue out but I am still struggling with the second one, ie how to get the same height on the horizontal pics in the carousel (see screenshot).

The url is https://neatstockholm.com

Thanks!

4

Hi,

How did you fix the first issue?

Hoping it’ll solve my problem too!

Thanks