Jump to content

Add "Add to Cart" button underneath Quick View on 7.1

Recommended Posts

Site URL: https://mairi-helena.squarespace.com/samples

Password: test

I've used this plug-in to add an Add to Cart button to every product on my Shop page. 

I've enabled Quick View and I'd like the Add to Cart button to appear when someone rolls over the image (not just on the button itself)—in exactly the same manner as the Quick View feature. If you hover your cursor below the Quick View, you'll see what I have at the moment. I'd like them in the middle of the image, if possible.

Roll over an individual product here to get an idea of what I'd like to create: https://www.johnlewis.com/browse/furniture-lights/living-room/coffee-tables/_/N-c4w

Would greatly appreciate any help!

Screenshot 2022-01-27 at 17.15.49.png

Edited by merakiconceptstudio
Link to comment
14 hours ago, merakiconceptstudio said:

Site URL: https://mairi-helena.squarespace.com/samples

Password: test

I've used this plug-in to add an Add to Cart button to every product on my Shop page. 

I've enabled Quick View and I'd like the Add to Cart button to appear when someone rolls over the image (not just on the button itself)—in exactly the same manner as the Quick View feature. If you hover your cursor below the Quick View, you'll see what I have at the moment. I'd like them in the middle of the image, if possible.

Roll over an individual product here to get an idea of what I'd like to create: https://www.johnlewis.com/browse/furniture-lights/living-room/coffee-tables/_/N-c4w

Would greatly appreciate any help!

Screenshot 2022-01-27 at 17.15.49.png

It mean that when you hover the image, 2 buttons will arise immediately, right?

Edited by bangank36

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.