优化购物车页面

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

@@ -36,6 +36,11 @@ else
 {
 {
     $difference_price = $free_shipping_subtotal - $subtotal;
     $difference_price = $free_shipping_subtotal - $subtotal;
 }
 }
+
+$mobileDetect = $objectManager->get(\Joshine\Common\Lib\MobileDetect\MobileDetect::class);
+
+
+
 ?>
 ?>
 <style>
 <style>
     .free_message{
     .free_message{
@@ -83,6 +88,9 @@ else
             z-index: 1;
             z-index: 1;
             border-top: 1px solid #fff;
             border-top: 1px solid #fff;
         }
         }
+        .cart.table-wrapper{
+            border-top:1px solid #ddd;
+        }
     }
     }
 </style>
 </style>
 <?php $mergedCells = ($this->helper(Magento\Tax\Helper\Data::class)->displayCartBothPrices() ? 2 : 1); ?>
 <?php $mergedCells = ($this->helper(Magento\Tax\Helper\Data::class)->displayCartBothPrices() ? 2 : 1); ?>
@@ -121,6 +129,7 @@ else
         </div>
         </div>
     </div>
     </div>
 <?php endif ?>
 <?php endif ?>
+<?php if (!$mobileDetect->isMobile()): ?>
 
 
 <form action="<?= $block->escapeUrl($block->getUrl('checkout/cart/updatePost')) ?>"
 <form action="<?= $block->escapeUrl($block->getUrl('checkout/cart/updatePost')) ?>"
           method="post"
           method="post"
@@ -191,6 +200,37 @@ else
         <input type="hidden" value="" id="update_cart_action_container" data-cart-item-update=""/>
         <input type="hidden" value="" id="update_cart_action_container" data-cart-item-update=""/>
     </div>
     </div>
 </form>
 </form>
+
+<?php else: ?>
+<form action="<?= $block->escapeUrl($block->getUrl('checkout/cart/updatePost')) ?>"
+      method="post"
+      id="form-validate"
+      data-mage-init='{"Magento_Checkout/js/action/update-shopping-cart":
+              {"validationURL" : "<?= $block->escapeUrl($block->getUrl('checkout/cart/updateItemQty')) ?>",
+              "updateCartActionContainer": "#update_cart_action_container"}
+          }'
+      class="form form-cart">
+    <?= $block->getBlockHtml('formkey') ?>
+
+    <div class="cart table-wrapper<?= $mergedCells == 2 ? ' detailed' : '' ?>">
+        <?php if ($block->getPagerHtml()): ?>
+            <div class="cart-products-toolbar cart-products-toolbar-top toolbar"
+                 data-attribute="cart-products-toolbar-top"><?= $block->getPagerHtml() ?>
+            </div>
+        <?php endif ?>
+
+        <?php foreach ($block->getItems() as $_item): ?>
+            <?= $block->getItemHtml($_item) ?>
+        <?php endforeach ?>
+        <?php if ($block->getPagerHtml()): ?>
+            <div class="cart-products-toolbar cart-products-toolbar-bottom toolbar"
+                 data-attribute="cart-products-toolbar-bottom"><?= $block->getPagerHtml() ?>
+            </div>
+        <?php endif ?>
+    </div>
+</form>
+<?php endif ?>
+
 <script>
 <script>
 require(['jquery'], function ($) {
 require(['jquery'], function ($) {
         $('.add-qty').click(function(){
         $('.add-qty').click(function(){

app/code/Magento/Checkout/view/frontend/templates/cart/item/renderer/actions/remove.phtml

@@ -7,10 +7,10 @@
 /** @var $block \Magento\Checkout\Block\Cart\Item\Renderer\Actions\Remove */
 /** @var $block \Magento\Checkout\Block\Cart\Item\Renderer\Actions\Remove */
 ?>
 ?>
 <a href="#"
 <a href="#"
-   title="<?= $block->escapeHtml(__('Remove item')) ?>"
+   title="<?= $block->escapeHtml(__('Remove')) ?>"
    class="action action-delete"
    class="action action-delete"
    data-post='<?= /* @noEscape */ $block->getDeletePostJson() ?>'>
    data-post='<?= /* @noEscape */ $block->getDeletePostJson() ?>'>
     <span>
     <span>
-        <?= $block->escapeHtml(__('Remove item')) ?>
+        <?= $block->escapeHtml(__('Remove')) ?>
     </span>
     </span>
 </a>
 </a>

app/design/frontend/Joshine/breeze/Magento_Checkout/templates/cart/coupon.phtml

@@ -20,6 +20,15 @@ $hasCouponCode = (bool) strlen($block->getCouponCode());
     .checkout-cart-index .cart-container .block.discount.active .content{
     .checkout-cart-index .cart-container .block.discount.active .content{
         padding:0px 1rem;
         padding:0px 1rem;
     }
     }
+    @media(max-width: 768px){
+        .checkout-cart-index .cart-container .block.discount.active .content{
+            padding:0px!important;
+        }
+        .checkout-cart-index .column.main .block .title
+        {
+            padding: 0.45rem!important;
+        }
+    }
 </style>
 </style>
 <!--
 <!--
 <div class="block discount"
 <div class="block discount"

app/design/frontend/Joshine/breeze/Magento_Checkout/templates/cart/item/renderer/actions/remove.phtml

@@ -7,10 +7,10 @@
 /** @var $block \Magento\Checkout\Block\Cart\Item\Renderer\Actions\Remove */
 /** @var $block \Magento\Checkout\Block\Cart\Item\Renderer\Actions\Remove */
 ?>
 ?>
 <a href="#"
 <a href="#"
-   title="<?= $block->escapeHtml(__('Remove item')) ?>"
+   title="<?= $block->escapeHtml(__('Remove')) ?>"
    class="action action-delete"
    class="action action-delete"
    data-post='<?= /* @noEscape */ $block->getDeletePostJson() ?>'>
    data-post='<?= /* @noEscape */ $block->getDeletePostJson() ?>'>
     <span>
     <span>
-        <?= $block->escapeHtml(__('Remove item')) ?>
+        <?= $block->escapeHtml(__('Remove')) ?>
     </span>
     </span>
 </a>
 </a>