Task № 0321 · Completed 2019 · Home goods brand

Button Hover Effect

A brand wanted an add-to-cart button to appear on hover over product cards on collection pages.

Want one like this?

Tell us about your store and we'll send a flat-rate quote within 24 hours. No commitment until you approve.

Request a quote
1 to 2 business days
Turnaround, from quote to live
Simple
Task complexity
Atlantic
Pixel Union theme
2019
Year completed
01

The request

“I'm looking to display an add to cart button as a hover effect when mousing over a product on collections. Quick, without opening the product.”
Typical request
Paraphrased from merchant tickets in this category

One-click adding from the grid.

02

The approach

We added a hover state to product cards with an add-to-cart button that adds single-variant products directly and opens a selector for products with variants.

03

What we shipped

  • Add-to-cart button on card hover
  • Direct add for single-variant products
  • Selector for multi-variant products
  • Visible without hover on touch devices

Related tasks we've completed

View all 91 in this collection
Button Styling
Out of the Sandbox · Retina

Button Color and Background

A prints retailer wanted a set of cart drawer color changes: background, checkout button, and text.
Button Styling
Shopify · Dawn

Multiple Button Styles

A safety gear brand wanted a primary call-to-action button style on product pages and a secondary style for less impo...

How a task moves from submission to live

Getting your task done with TaskHusky is super-easy and fast

1

Tell us about your task

URL, theme, screenshots if you have them. Two minutes.

2

Approve your quote

We respond in 24 hours with scope, price, and timeline. Commit only if it makes sense.

3

We get to work

We start the moment you confirm. Pay-as-you-go, no minimums.

4

Get it done

Built on a duplicate theme, QA'd, pushed live with a walkthrough.

Submit your taskBrowse the collection

Have a Button Styling task in mind?

We've completed 91 Button Styling tasks since 2016. Submit yours and we'll quote it within 24 hours.

Submit your task