Floating add to cart button on hover collection page

Store Design
, , , ,
1

Hey, can anybody help me with this problem? I want to have a floating add to cart button on desktop, so that it does not take up so much space. Can somebody help me with this? I will show an example down below.

THEME: TASTE

LINK:FLEU (e8aaa0-3.myshopify.com)

PASSWORD: MOHWHI

EXAMPLE:

Schermafbeelding 2023-12-01 120533.png
Schermafbeelding 2023-12-01 120533.png892×930 690 KB

2

Yes that is possible but does require few modifications to the backend. It would be look something like this with few tweaks.

Taknify_0-1701433629543.png
Taknify_0-1701433629543.png2900×1292 238 KB

Let me know if that is how you want.

3

Hey, thanks for your reply and yes that would be perfect but I meant the floating add to cart button on the collection page, not he product page. Would that be possible?

4

Yes that is possible as well. You can add that button directly on collection page right below the product image and when clicked will add the product to the cart. However, it does require custom coding as Shopify natively doesn’t have any options or section that can do that.

5

Could you do that for me? And it will be only for desktop right?

6

Yes I can definitely help and yes it will only show for desktop and not for mobile.

7

Thank you very much! I’ve accepted the collaboration!