How can I stop zoom on hover in the Impulse theme?

Store Design
, ,

Topic summary

A user seeks to disable the zoom-on-hover effect for product images in the Impulse theme on their Shopify store. The zoom occurs when hovering over collection page items, which also displays a secondary image.

Solution Provided:

  • Navigate to Themes → Edit Code → Assets → theme.css
  • Add CSS code at the bottom of the theme.css file:
.grid-product__secondary-image img {
  object-fit: contain;
}

Outcome:
The original poster confirmed the solution worked successfully.

Follow-up:
Another user later asked how to enable (rather than disable) the zoom effect on the same theme, but this question remains unanswered.

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

Hello,

Here’s my website : www.lothaire.fr

In any collection, like this one, for example, https://www.lothaire.fr/collections/collection-halloween, hovering shows the second image (great !), and zooms (not great !). How can I disable this zoom in the code ?

Thank you.

2

Hi @LothaireBordeau
To disable the zoom image
You can try follow this path:
Themes => edit code => asset => theme.css
and add this code to bottom of the file theme.css

.grid-product__secondary-image img {
object-fit: contain;
}
1 Like
3

Thank you very very much :blush:

4

@LothaireBordeau

You are welcome and let me know if you need any help for me

5

Hello,

How can I enable the zoom image? the same website as above Impulse.

Thank you,