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
- Make sure the product has at least a second image assigned — rollover needs something to swap to.
- In your Shopify admin, go to Online Store > Themes and click Customize on Symmetry.
- Open a collection template and select the Product grid section (or the equivalent image block on the product page).
- Find the Image rollover (or similarly named hover) setting and turn it on.
- 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 →