Shopify 滑動時 底部動態出現Add To Cart 按鈕

 

 

<!-- 加購懸浮代碼開始 -->
<style>
.addtocartinbottom {
	width:100%;
    position:fixed;
    left:0;
    right:0;
    bottom:0;
  	z-index:999;
  }
</style>
<script>
	try{
		var btnSelector = "#AddToCart--product-template";
        var oCLass= document.querySelector(btnSelector).classList;
        window.onscroll = function(){
		AddToCartTop = document.querySelector(btnSelector).offsetTop;
		var y = window.scrollY;
		if(y >= AddToCartTop){         
			document.querySelector(btnSelector).classList.add('addtocartinbottom');
            }else{
            document.querySelector(btnSelector).classList.remove('addtocartinbottom');
                 }
            };
        }catch(e){}
</script>
<!-- 加購懸浮代碼結束 -->