Create "Add to cart" Hover-Only Button Over My Product Images On Home Page, Dawn Theme

Store Design
, ,

Topic summary

Adding an “Add to cart” button that appears only on hover over product images in the home page product carousel/slideshow (Dawn theme). The goal is to let visitors add items directly from the carousel.

  • A reference image was provided showing the product area where the hover button should appear, indicating the desired overlay behavior; the image is central to understanding placement.
  • A reply states this requires code customization, suggesting hiring a Shopify expert to implement it.
  • The original poster asks what “code customization work” means, seeking clarification on the scope/effort.

Key term:

  • Code customization: modifying theme code to add or change features/behaviors beyond built-in settings.

Outcome/status:

  • No technical solution or steps were provided; the discussion remains open pending clarification on what customization entails or guidance on how to proceed (DIY vs. hiring an expert).
Summarized with AI on January 23. AI used: gpt-5.
1

Hi,

I am trying to add an “Add to cart” button on my home page product carousel/slideshow. The goal being that when someone hovers over one of the products, they can see the “Add to cart” button and therefore add the product to their cart.

Here is an image of where the products on which I’d like to add those buttons:

product selection for hover.png
product selection for hover.png1917×868 245 KB

2

@cookspresso

This is the code customization work. I suggest you hire a Shopify expert who can help you!

Thanks!

3

Hey,

I don’t understand what you mean by code customization work?