How is the «Summary» container implemented on a frontend cart page?

dmitry_fedyuk · March 31, 2016, 3:06pm

It is implemented by the cart.summary container:

magento/magento2/blob/bd1c47b/app/code/Magento/Checkout/view/frontend/layout/checkout_cart_index.xml#L20-L20


<container name="cart.summary" label="Cart Summary Container" htmlTag="div" htmlClass="cart-summary" after="-">

The cart.summary container contains the following blocks and containers:

1. checkout.cart.summary.title

A title of the block («Summary»):

github.com

magento/magento2/blob/bd1c47b/app/code/Magento/Checkout/view/frontend/layout/checkout_cart_index.xml#L21-L27


<block class="Magento\Framework\View\Element\Template" name="checkout.cart.summary.title" before="-" template="Magento_Theme::text.phtml">
    <arguments>
        <argument translate="true" name="text" xsi:type="string">Summary</argument>
        <argument name="tag" xsi:type="string">strong</argument>
        <argument name="css_class" xsi:type="string">summary title</argument>
    </arguments>
</block>

2. checkout.cart.shipping

3. checkout.cart.totals.container

How is the «checkout.cart.totals.container» implemented inside the «Summary» container on a frontend cart page?

4. checkout.cart.coupon

The standard Luma design theme moves it outside of the «Summary» block:

github.com

magento/magento2/blob/bd1c47b/app/design/frontend/Magento/luma/Magento_Checkout/layout/checkout_cart_index.xml#L15-L15


<move element="checkout.cart.coupon" destination="cart.discount" />

How does a coupon application look like on a frontend cart screen?

5. checkout.cart.methods.bottom

dmitry_fedyuk · April 25, 2018, 2:43pm