How can i add a ‘‘add to cart’’ button on product on home page and collection pages when hovering over products? Does anyone have a code for that? See attached picture
Topic summary
Goal: Show an Add to cart button on product cards on the home and collection pages in the Dawn theme, but only when hovering over the product image. A screenshot was attached to illustrate the desired hover behavior.
- Theme and access: The store uses Dawn; the requester shared the site URL and storefront password.
- Suggestion: Enable the built-in quick add option in collection settings. This adds the button, but not restricted to hover.
- Clarification: The requester wants the button to appear only on hover (matching the screenshot), and asks about both home and collection pages.
- Next step proposed: A helper says it’s possible and will share code after it is “active,” asking the requester to activate first.
- Open question: The requester asks what “active” means (e.g., enabling quick add or making the theme live), seeking clarification.
Status: Unresolved; awaiting clarification and code for hover-only implementation.
@MLBildeler theme name and url?
@MLBildeler just enable option in collection
I know about that one. But is it possible to get it to only be visible when I hover over the image of the product? As in the image attached in my post
@MLBildeler yes possible
active and let me know , i will share code . but first needs to active
What do you mean with active?