How To Add Back To The Top Button In Shopify
HTML-код
- Опубликовано: 17 окт 2024
- Today i will show you how to add back to the top button in Shopify and show the scroll up button for customers to go up to top of the page.
Adding the back to the top button in Shopify is really important because it acts as a convenient shortcut allowing users to effortlessly navigate back to the top of the page with just a single click and this saves them from the hassle of manually scrolling back up, especially on lengthy pages, ultimately improving their overall browsing experience in your Shopify store.
So By providing a "Back to Top" button on your Shopify store you empower your customers to quickly jump back to the beginning of the page without having to manually scroll upwards and this simple addition can save them valuable time and effort, ensuring a smooth and efficient browsing experience.
Code 1 (snippet) : pastebin.com/j...
Code 2 : pastebin.com/7...
If you have any questions or suggestions my Instagram : / anas_elmedlaoui
About me:
My name is Anas El Medlaoui and i have been around digitally for 9 years making Websites, Mobile Applications, Social Media Promotions, E-commerce etc...
And i have accumulated some experience in multiple fields over the years jumping from project to project (Which wasn't a good idea), I started this RUclips channel after a year of hesitation to share my knowledge and experience with people that are willing to succeed online with the theory of knowledge for everyone.
#shopify #backtothetop #button
hi there! I would really appreciate a video on 'how to remove the cart icon from checkout'
Hey, i just noted your request and i will work on it.
Btw how you got 15 likes on this comment while the whole video got 19 ? i hope you not doing anything sketchy, just drop me a comment without likes please and i will help you.
Cheers
@@OnHOWGuy ok that's pretty impressive that you noticed, I liked the comment from some other accounts
(and there may have been the occasional people liking the comment and adding to the likes)
-so nothing sketchy here ;)
(I've just been searching for videos on "how to remove the icon from checkout" and couldn't seem to find any that worked!
sorry for the confusion, bye
bro, your videos are amazing! I appreciate you for actually putting good videos out! Keep up the good work.
Hi, thank you for this tutorial. I used your codes and they worked! However, when I click on the back-to-the-top button, it scrolls up very slowly - manual scrolling is much faster which defeats the purpose of this function. Is there something in the code that I can tweak or add to make it go faster?
Thank you so much for all the value and support. My stores look so much better thanks to you
You're very welcome and glad i could help, and will look more better because a lot of videos/codes on the way.
Cheers
it worked, thanks!!!
Hey brother if you don't mind then could you please make a video on how to add Parallax scrolling on Shopify like the image in the background should be stuck while scrolling I hope you get the point ❤ and to be very honest I was searching for how to make Parallax scrolling on Shopify but in the entire youtube i couldn't find any helpful video on this topic then I remember you 😅 that you're the only one who can help me out in this situation appreciate your hard work man ❤️❤️ keep going
Hey, i replied to your previous comment and i apologise for the delay on replying to comments because im extremely busy and its hard to keep up with work and youtube.
Cheers
great stuff! Could you please also explain how to add smooth scroll and also how to set something like a fade in effect so that the button doesnt pop in so dramatically. best marvin
Hey, Thats a good one actually, i will work on it and update the code.
Cheers
it worked!!
thank you anas jzak allah khair
You're very welcome brother and amiine.
Cheers
Thanks!
You're very welcome and thank you for your generosity, People like you who make me keep doing this.
Cheers
Hi anas, I'm subscribed to your channel. I use the Dawn theme , and the new version does not have the option to enable quick add button . Could you record a video with some solution to add to cart .on the featured collection page.
Hey, Thank you and i appreciate that.
Thats strange, they dont usually remove options like that but i will look into it, in meantime i already a made video on adding add to cart on product cards like a year ago.
Cheers
Thanks Anas
You're welcome
I tried it but there was no action on it.... it didn't scroll back up
I think I didn't really get where to pit the code in the theme.liquid
I'd appreciate if you tell me where exactly
thank you
Hello Anas, thank you for yor videos. Can you make video how to add plus sign in collapsible row in description box.
Hey, you're very welcome, I had someone requested a down arrow and someone else requested product icon hahah its difficult to keep up haha.
I will try to make duplicated codes in the description for that video, one will be for down arrow and one for product icon and one for plus sign.
Cheers
@@OnHOWGuy 😀😀😀 100 people 100 wishes😂. Thank you,Anas
In my case, it's not working, and I'm using the refresh theme. Please help me, I was already thinking about this function, how to create it, Thank you for this.
need help
Hey, You're welcome, I really spend valuable time to check for other themes before posting it on my channel and i would expect the same from viewers, Now after i read your comment i did go back and redo the process again for refresh theme and i can see that its working just fine and here is a picture : i.imghippo.com/files/UShgy1722010264.png
Cheers
Hey, do you know how to remove the home page i have ben trying alot but cant find out how.
Hey, i've been doing this for a while now and i have never seen a request like that haha.
and i dont even know how to do it, i guess by customizing the actual homepage to the thing you want, otherwise i dont know how to do it because the homepage is the index and index is a must in websites structure, removing it will break the theme.
Cheers
@@OnHOWGuy Ohh ok haha thanks a lot.
Please make a video on minifing HTML code
For Shopify ?
That might not even possible, they have different code structure.
Please let me know in a new comment as its difficult for me to see replies now.
Cheers
can we add color on that button
never mind i just learn myself
Yes, there is a css code for styling that button.
How to go back smoothly without jumping to the top.
I will update the code for that feature and add comments for people who wants to disable it or make it faster.
Thanks for the input.
Cheers