购物车按钮浮动优化

app/code/Magento/Checkout/view/frontend/templates/cart/methods.phtml

@@ -19,3 +19,26 @@
         <?php endforeach; ?>
     </ul>
 <?php endif; ?>
+<script>
+    require(['jquery'], function ($) {
+        var isMobile = window.matchMedia("(pointer:coarse)").matches;
+        if (isMobile) {
+            $(window).scroll(function () {
+                var checkoutBtn = $('.cart-container .checkout-methods-items li:first-child');
+                var scrollTop = $(document).scrollTop();
+                var wh = $(document.body).height();
+                var offsetTop = $(checkoutBtn).offset().top;
+                if (wh - offsetTop <= scrollTop) {
+                    if(!$(checkoutBtn).hasClass('button-static')){
+                        $(checkoutBtn).addClass('button-static');
+                    }
+                } else {
+                    if($(checkoutBtn).hasClass('button-static'))
+                    {
+                        $(checkoutBtn).removeClass('button-static');
+                    }
+                }
+            });
+        }
+    });
+</script>
\ No newline at end of file

app/design/frontend/Joshine/breeze/Magento_Checkout/templates/footer.phtml

@@ -17,8 +17,8 @@
                     <div class="item">
                         <span class="us-icon warranty-icon"></span>
                         <span class="label">
-                            <span class="title">One Year</span>
-                            <span>Warranty</span>
+                            <span class="title">10%-OFF</span>
+                            <span>SITEWIDE</span>
                         </span>
                     </div>
                     <div class="item">

app/design/frontend/Joshine/breeze/web/css/_custom.less

@@ -886,6 +886,17 @@ p.shopbycate-title {
     border: none;
     animation-play-state: paused;
   }
+  .checkout-cart-index .cart-container {
+    row-gap: 0px;
+    margin-top: 0px;
+  }
+  .button-static{
+    position: static!important;
+    box-shadow: none!important;
+  }
+  .checkout-cart-index .cart-container .checkout-methods-items li:first-child button{
+    transition: all .3s;
+  }
 }
 .checkout-index-index .details-qty,.checkout-cart-index .details-qty{
   display: block;