Jump to content

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

Recommended Posts

Posted (edited)

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
Posted (edited)
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

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

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.