Supply Theme: Scroll Back to Top Button

Highlighted
Excursionist
59 4 22

Hello Community Helpers,

I would like to have an Scroll Back to Top Button on my website: https://us-women.com

Can someone please help me?

Thanks in advance,

Andi

1 Like
Highlighted
Shopify Expert
3483 543 820

Hi @AndiVillacis 

Try this code and place html in theme.liquid file, css in theme.scss file and js in theme.js file

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Excursionist
59 4 22

Hello @Jasoliya,

That worked perfectly. Thank you very much!

However, I would like to give it a little bit more of styling if that is possible!

I would like the background color to be the same as the "My Wishlist" and the size of the box also to be the same as that one. I mean, make the box a little bit smaller in height, so it covers the text only!

Captura de Pantalla 2020-06-11 a la(s) 2.39.23 p. m..png

 

Then, if possible, I would like to change the color of the bottom when it gets to the bottom, because it cannot be seen because the color of the background is the same:

Captura de Pantalla 2020-06-11 a la(s) 2.43.18 p. m..png

 

Then, if possible, I would like to change the text on the mobile version to only have an arrow, like "My Wishlist has only an icon "

 

Captura de Pantalla 2020-06-11 a la(s) 2.44.26 p. m..png

If you can help me with that, I would really appreciate it!

Thanks in advance,

Andi

 

0 Likes
Highlighted
Tourist
14 0 3

Hey Andi,

I can certainly style that button for you, it shouldn't take too long. Get in touch with me at info@purewebsolutions.co.uk

Thankyou

1 Like
Highlighted
Shopify Expert
3483 543 820

Send me your store url, i will send possible solution. 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Excursionist
59 4 22

Hello @Jasoliya,

I really appreciate your help!

My store link is: my website: https://us-women.com

Thanks in advance,

Andi

0 Likes
Highlighted
Shopify Expert
3483 543 820

Add this css:

#myBtn{background-color: #aabbdd;padding: 0 10px;}

It will solve your 1st two problem

For other thing cant send you step need custom for that.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Excursionist
59 4 22

Hello @Jasoliya,

Thank you very much for your help, It worked perfectly!

But a white space was added at the bottom of the page. Can you help me deleting it please?

Captura de Pantalla 2020-06-17 a la(s) 7.01.06 p. m..png

0 Likes
Highlighted
Excursionist
59 4 22

 

 

 

Then, if possible, I would like to change the text on the mobile version to only have an arrow, like "My Wishlist has only an icon "

 

Captura de Pantalla 2020-06-11 a la(s) 2.44.26 p. m..png

If you can help me with that, I would really appreciate it!

Thanks in advance,

Andi

 


Hello @KetanKumar,

Maybe can you please help me with this?

0 Likes
Highlighted
Shopify Expert
3483 543 820

which white space you mean? 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like