How would i get a feature like the one on https://www.bettergiftshop.com where when i hover over a product on my home page a new image with a lighter filter is on it. my store is www.rapidretailsupply.com. Thank you for any help or support.
Topic summary
A user seeks to implement a hover effect on product images for their home page, similar to the functionality on bettergiftshop.com, where hovering displays a new image with a lighter filter.
Solution Provided:
- GemPages support team offers a CSS-based implementation
- Steps include: navigating to Online Store > Theme > Edit code, opening the theme.liquid file, and pasting provided code before the tag
- Screenshots and code markup examples were shared to guide the implementation
Issue Reported:
After applying the solution, the user reports that their product page image selector broke—clicking thumbnail images no longer changes the main product image.
Current Status:
GemPages support indicates the feature appears to work normally on their end and requests a screen recording to diagnose the reported selector issue. The problem remains unresolved pending further troubleshooting.
Hello @atlkicks ,
It’s GemPages support team and glad to support you today.
I would like to give you a recommendation to support you so kindly follow steps below:
- Go to Online Store > Theme > Edit code of your current theme
-
Open your theme.liquid theme file
-
Paste the below code before
For example,
If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team
1 Like
hello it seems this solution messed up my image selector on product pages. It no longer changes when you click the little images. Do you know how to fix this?
Hello @atlkicks ,
I checked and found that it still works normally.
Could you please share a record of your issue on your end? Then I can see and suggest something for you.
Best regards,
GemPages Support Team