images for gallery be bottom aligned instead of top

Shopify Discussion

Topic summary

A user seeks to bottom-align product images of varying sizes in their Shopify gallery, rather than the default top alignment. This would ensure product titles appear on the same line across listings.

Proposed Solution:

  • A code snippet was provided to add to the theme.liquid file before the </body> tag.
  • The original poster confirmed this resolved the alignment issue.

Follow-up Question:

  • The user now wants to block hover effects on the images and asks how to implement this.
  • Awaiting clarification on what specific hover behavior should be displayed or disabled.

Status: Initial issue resolved; new related question pending response.

Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.
1

Hi,

I have product images of different sizes and I would like to align all the pictures at the bottom instead of the top as you can see on the screenshot. Like that the product titles would also be on the same line.
Does anyone has a solution for me? site link : https://bc0ce9-88.myshopify.com/

Thanks in advance.

2

Hello,

Add this code snippet in your theme.liquid file before tag

Screenshot_1.jpg
Screenshot_1.jpg1631×675 88.1 KB

Thanks!

1 Like
3

Thanks. I want block hover on this image. how can I do it?

Solved.

4

Could you clarify what exactly you want to display on hover?