How can I position a floating button on my webpage?

Shopify Discussion
1

Hi everyone,

I’m trying to put a button on the bottom left of my page so people can access a certain service from everywhere. I want the button to scroll with the page so it’s visible wherever they are.

To make the button I used a Custom Liquid widget, here is the code I’m using :

How can I set the positioning to only this one button?

Thanks

2

@EFIC

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Hi @KetanKumar ,

Here is my site URL : www.efic-international.com

Though I’m currently working on an unpublished version of my site so I don’t think you’ll be able to see the button.

Is that a problem? If so I can put it temporarily on my main site.

4

Hi @EFIC ,

I checked your code and you are doing good, You just missed one thing that class you made is common class for theme and applicable to almost all buttons. Which I guess we should avoid, when working on custom buttons.

I make some tweaks your code, I guess it should work.


[VOIR PLUS DE COURS](https://www.efic-international.com/collections/presentiel)

Preview of your store

hari1_prasad_0-1664381415897.png
hari1_prasad_0-1664381415897.png1366×768 205 KB

5

Hi @gr_trading ,

That’s perfect!

Thank you so much!