GoToTheme Docs

Straight-to-the-point how-tos for every Shopify theme.

Home / Motion / Product Pages / How to Enable Image Rollover in Shopify Motion Theme

How to Enable Image Rollover in Shopify Motion Theme

Design

Image rollover swaps in a second photo when a shopper hovers over a product image — a subtle bit of motion that fits Motion's whole visual identity, and useful for showing an alternate angle without a click.

Steps

  1. Make sure the product has at least a second image assigned — rollover needs something to swap to.
  2. In your Shopify admin, go to Online Store > Themes and click Customize on Motion.
  3. Open a product page or a collection template and select the relevant image or Product grid block.
  4. Find the Image rollover (or similarly named hover) setting and turn it on.
  5. Click Save.

This works well on collection grids for showing a product worn or in use on hover, and on the product page itself as a lighter-weight alternative to a full zoom interaction.

← How to Enable Image Zoom and Hotspots in Shopify Motion ThemeHow to Add Color Swatches in Shopify Motion Theme →