How to add scroll to top button to my shopify store?

• From Your Shopify dashboard, click Online Store > Actions > Edit code
• Under Snippets, click Add a new snippet
• In the box, name the snippet scroll-to-top and click Create snippet
• Add the code below

<style>
.scrolltop{
display:none;
opacity:0.5;
position:fixed;
bottom:10px;
right:10px;
display: none;
background:#000000;
color:#FFFFFF;
font-size: 1.5em;
text-decoration: none;
padding: 5px 10px 5px 10px;
}
.scrolltop:hover, .scrolltop:focus {
outline: none;
text-decoration: none;
opacity: 1;
}
</style> 
<a href="#" class="scrolltop"><i class="fa fa-xs fa-arrow-circle-up"></i></a>
<script>$(document).ready(function(){$(window).scroll(function(){$(this).scrollTop()>100?$(".scrolltop").fadeIn():$(".scrolltop").fadeOut()}),$(".scrolltop").click(function(){return $("html, body").animate({scrollTop:0},500),!1})});</script>

• Click Save

• Under Layout, click theme.liquid
• Before the closing </body> add the below code

{% if template != 'cart' %} {% include 'scroll-to-top' %} {% endif %}

• Click Save