Hey all. I’m wondering if it’s possible to make a collection image change to another image (whilst viewing the collection page) when hovering the mouse over it.
Topic summary
Goal: change the product image on hover within a collection page in the Origin theme.
Key solution:
- In the Shopify admin, go to Online Store > Themes > Customize.
- Open the Default collection (collection template) and locate the Product grid settings.
- Enable the checkbox “Show second image on hover.”
Notes:
- Multiple participants confirmed this is a built-in setting; no custom code required.
- Several screenshots were shared to show the exact location of the checkbox in the theme editor.
Outcome:
- The original poster confirmed the solution worked and the issue is resolved.
Status: resolved; no outstanding questions or disagreements.
Hi @brogston , Pls tick Show second image on hover
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 
Hello @brogston ,
- Navigate to the online store.
- Go to Themes → Customize → Default Collection.
- Select the checkbox for “Show second image on hover.”
A screenshot is attached for reference.
- Please follow these steps:
- Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
Thank you all. I had no idea it was as simple as that.
1 Like