Request to change the Craft theme’s product thumbnail hover behavior from zoom to a slight opacity reduction (~75%) on product image thumbnails. The requester notes limited coding experience and seeks a straightforward method.
A responder asked for the store URL and password to inspect the theme and suggest a solution. The requester provided the store link and password for review.
Key terms: “hover function” refers to the visual effect triggered when a cursor moves over an element; “opacity” is the transparency level controlled via CSS (e.g., lowering to 0.75 on :hover).
No code snippets or images were shared. No specific CSS/JS fix has been provided yet.
Status: Ongoing. Next step is for the helper to review the shared store and advise on disabling the zoom effect and applying an opacity change on hover.
Hello,
I am just starting out with Shopify and do not have a good understanding of coding. I am using the Craft template which defaults to a zoom hover function for all product image thumbnails. I am looking to change this to an opacity change hover function where the opacity is slightly lowered (maybe 75% or so) when you hover over a product image thumbnail. Can someone please help with this?
Thank you!
Hi @joshdores ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.