Add a hover image on product cards — shows the second/alternate image. On mobile, tap to swap for 2 seconds.
Want more control? See the expanded prompt ›
On every product card across the site, add a hover image that fades in when the user hovers — use the second product image (the back/alternate angle). On mobile, swap images on tap and back to original after 2s.
- Hover crossfade to a second product image.
- Tap-to-toggle on mobile (auto-reverts after 2s).
- Pulls the product's second image automatically.
- Skips gracefully if a product only has one image.
What you're trying to do
One product image is one angle. Hover-to-second-image is a tiny interaction that lets shoppers see the back of a sweater, the inside of a bag, or the texture of a skin product — without the full PDP click. Small change, big increase in browse-to-detail confidence.
Things to watch out for
- Single-image products — Fudge skips the hover for products with one image.
- Mobile UX — Fudge handles this: tap-toggle reverts after 2s so the user can continue scrolling.
- Lazy loading — Fudge handles this: hover image is preloaded only when card is in view.
- Image consistency — Fudge can flag products where image 2 is dramatically different from image 1.
How Fudge does it
Fudge duplicates your live theme into a draft, builds the section as an editable Shopify section with the placement and behavior your prompt requires, and wires it to your real product data and brand styling. Everything starts in draft — preview on your store, tweak via the Theme Editor, and publish only when you're ready. Your live store stays untouched.
Why hover images on product cards reduce bail
Showing a second product image on hover (the back angle, the lifestyle shot, the alternative colorway) gives shoppers more information without requiring a click. Reduces “is this what I want?” bail and lifts add-to-cart rate.
When this is worth building
Build hover images if your products have meaningful alternate angles or images. Skip if your products are uniformly one-angle (most non-apparel categories).
What makes one great
- Second product image used — back angle or lifestyle shot.
- Smooth fade transition — no jarring swap.
- Mobile-friendly variant — tap-to-swap with 2-second auto-revert.
- No layout shift — same dimensions as primary image.
Pair this with hover-reveal collection and product quick-view modal.