Switch Product Images On Hover

Store Design
, , , , , , ,

Topic summary

A user wants to implement hover-based product image switching on their Shopify store, similar to Nike’s website functionality. Currently, their site requires clicking thumbnails to change the main product image.

Current Setup:

  • Theme: Stiletto
  • Desired behavior: Product images should switch when hovering over thumbnails, not clicking

Reference Examples:

  • Nike website (air-max-plus-3-shoes product page)
  • User’s own website (truepodium.com)

Status: The question remains unanswered with no solutions or implementation guidance provided yet. This likely requires custom CSS/JavaScript modifications to the theme’s product page template.

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

Hello!

I want to be able to see all the product images just by hovering over them instead of needing to click them in order to switch the image.

A good reference would be the nike website system: https://www.nike.com/dk/en/t/air-max-plus-3-shoes-mrDbqX/CK6716-100

There, you can see all the different product images just by hovering over the thumbnails.

My theme is Stiletto and my website is www.truepodium.com

Thanks in advance!