How can I zoom in on thumbnails in Dawn theme?

Store Design
, , ,

Topic summary

Seeking a way in Shopify’s Dawn theme to display a zoomed-in (cropped/magnified) thumbnail for the first image in the home page best‑sellers carousel, instead of the default scaled-down full image.

Update: It’s confirmed this requires a code change, and guidance is requested on exactly which code to edit to achieve the zoomed thumbnail behavior.

Key points:

  • Goal: Magnify/crop the first image’s thumbnail in the carousel.
  • Current behavior: Thumbnails are full images reduced in size.
  • Need: Specific code edits (file/section and logic) to change thumbnail rendering for the first image.

Definitions:

  • Dawn theme: Shopify’s default online store theme.
  • Thumbnail: A small preview image; “zoomed-in” implies cropping or scaling to focus on part of the image.

Status: No solution or code snippet provided; the request remains open.

Summarized with AI on January 14. AI used: gpt-5.
1

I am using Dawn theme. On my main page, I have a carousel of my best sellers. However the thumbnails are just the full image, but smaller. I want a zoomed in thumbnail of the first image. How can I do this? Magnify the first image for the thumbnail.

Thanks!

2

Yes, I’ve figured out it was a coding correction, but I was hoping that someone else knew what code would need to be edited.