How do I add the hover effect to shopify products on the “Maker” Theme?
Topic summary
Issue: Add a hover image effect to products in the Maker theme so that, on mouse-over, the product image fades to a second image. The requester wants this applied consistently across all product pages (not limited to homepage sections).
Clarifications requested: A responder asked which specific area needs the effect (product page vs. featured products on homepage) and requested the store URL. The requester clarified the desired behavior (fade to another image on hover for every product on all product pages) and supplied access details (nedarahmdesigns.com with a password).
Context: “Hover effect” here means swapping/fading the primary product image to an alternate image when the cursor is over the product card.
Artifacts: No code snippets or screenshots provided; a store URL and password were shared for review.
Status: No implementation steps or solution yet. The thread is awaiting guidance or code/CSS customizations to enable the hover-to-second-image effect across product listings in Maker.
1 Like
Please, elaborate more.what hover effects you like to add?Which area of the product page?featured products on the homepage? Would you mind to share your store URL? Thanks!
I am referring the the effect when you hover your mouse over a product on any product page and the image fades to another image. I want this effect to be added to every product on all the product pages. The url is nedarahmdesigns.com and the password is $upport1.