GoToTheme Docs

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

How to Enable Image Rollover in Shopify Symmetry Theme

Image rollover swaps in a second photo when a shopper hovers over a product image — useful for showing an alternate angle or the product being worn 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 Symmetry.
  3. Open a collection template and select the Product grid section (or the equivalent image block on the product page).
  4. Find the Image rollover (or similarly named hover) setting and turn it on.
  5. Click Save.

This works especially well for fashion and beauty stores, where a second angle or an on-model shot on hover helps a shopper decide to click through without slowing down their browsing.

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