Magento2前端開發: 如何從購物車中移除計算運費和稅金的區塊

一般我們要移除某個區塊的時候、直接在xml檔裡加上底下設定就可以了

<referenceBlock name="checkout.cart.shipping" display="false"/>

又或是

<referenceBlock name="checkout.cart.shipping" remove="true"/>

但是在購物車頁面中，如果我們直接使用上面的方法移除運費和稅金計算的這個區塊，則會出現一大堆的js錯誤，這時候我們就要使用底下的方法來移除區塊。

1.新增一個checkout_cart_index.xml，並加上底下的設定

<referenceBlock name="checkout.cart.shipping">

   <arguments>

       <argument name="jsLayout" xsi:type="array">

           <item name="components" xsi:type="array">

               <item name="block-summary" xsi:type="array">

                   <item name="config" xsi:type="array">

                       <item name="componentDisabled" xsi:type="boolean">true</item>

                   </item>

               </item>

           </item>

       </argument>

   </arguments>

</referenceBlock>

2.接著將( checkout/cart/shipping.phtml )複製到你的主題包，找到底下的程式碼並且將他移除就可以了。

<div class="title" data-role="title">

   <strong id="block-shipping-heading" role="heading" aria-level="2">

       <?php /* @escapeNotVerified */ echo $block->getQuote()->isVirtual() ? __('Estimate Tax') : __('Estimate Shipping and Tax') ?>

   </strong>

</div>

如果有您有更多疑問可以詢問我們，未來會撰寫更多電商網站相關文章，您想知道什麼嗎？歡迎在下方留言給我們。或追蹤我們的粉絲專頁，就不錯過最新文章喔！

想學習更多Magento設定嗎？請見：Magento教學導覽