Magento, Display order summary on one page checkout

How to displaying order summary on one page checkout?

Order Summary on one page Checkout

For displaying order summery on one page checkout we require some xml file changes.

1. Open checkout.xml which is place on below path:
checkout.xml path: magento/app/design/frontend/your theme package/your theme/layout

2. Find “<checkout_onepage_index>” tag.

3. Find “<block type=”checkout/onepage” name=”checkout.onepage” template=”checkout/onepage.phtml”>” line between
<checkout_onepage_index> … </checkout_onepage_index>

4. Add below code after this line.

<block type=”checkout/onepage_review_info” name=”order.review” as=”orderReview” template=”checkout/onepage/review/info.phtml”>
<action method=”addItemRender”><type>default</type><block>checkout/cart_item_renderer</block><template>checkout/onepage/review/item.phtml</template></action>
<action method=”addItemRender”><type>grouped</type><block>checkout/cart_item_renderer_grouped</block><template>checkout/onepage/review/item.phtml</template></action>
<action method=”addItemRender”><type>configurable</type><block>checkout/cart_item_renderer_configurable</block><template>checkout/onepage/review/item.phtml</template></action>
<block type=”checkout/cart_totals” name=”checkout.onepage.review.info.totals” as=”totals” template=”checkout/onepage/review/totals.phtml”/>
</block>

5. Now for getting order summary at billing information step find below line in checkout.xml:

<block type=”checkout/onepage_billing” name=”checkout.onepage.billing” as=”billing” template=”checkout/onepage/billing.phtml”/>
and replace that line
<block type=”checkout/onepage_billing” name=”checkout.onepage.billing” as=”billing” template=”checkout/onepage/billing.phtml”>
<action method=”insert”><block>order.review</block></action>
</block>

It requires one .phtml file change. For that open billing.phtml which is placed at below path.

billing.phtml path: magento/app/design/frontend/your theme package/your theme/template/checkout/onepage/billing.phtml

Add below line that calls review block.
<?php echo $this->getChildHtml(‘order.review’, true, true);?>

6. Now for getting order summary at shipping information step find below line in checkout.xml:
<block type=”checkout/onepage_shipping” name=”checkout.onepage.shipping” as=”shipping” template=”checkout/onepage/shipping.phtml”/>

And replace that line

<block type=”checkout/onepage_shipping” name=”checkout.onepage.shipping” as=”shipping” template=”checkout/onepage/shipping.phtml”>
<action method=”insert”><block>order.review</block></action>
</block>
It requires one .phtml file change. For that open shipping.phtml which is placed at below path.

billing.phtml path: magento/app/design/frontend/your theme package/your theme/template/checkout/onepage/shipping.phtml

Add below line that calls review block.
<?php echo $this->getChildHtml(‘order.review’, true, true);?>

7. Now for getting order summary at shipping method step find below line in checkout.xml:

<block type=”checkout/onepage_shipping_method” name=”checkout.onepage.shipping_method” as=”shipping_method” template=”checkout/onepage/shipping_method.phtml”>

And add below line after it.

<action method=”insert”><block>order.review</block></action>

Open shipping_method.phtml which is placed at below path.

Shipping_method.phtml path: magento/app/design/frontend/your theme package/your theme/template/checkout/onepage/shipping_method.phtml

Add below line that calls review block.
<?php echo $this->getChildHtml(‘order.review’, true, true);?>

8. Getting order summary at payment method step find below line in checkout.xml:

<block type=”checkout/onepage_payment” name=”checkout.onepage.payment” as=”payment” template=”checkout/onepage/payment.phtml”>

And add below line after it.

<action method=”insert”><block>order.review</block></action>

Open payment.phtml which is placed at below path.

payment.phtml path: magento/app/design/frontend/your theme package/your theme/template/checkout/onepage/payment.phtml

Add below line that calls review block.
<?php echo $this->getChildHtml(‘order.review’, true, true);?>

To know more about customizing your Magento look and feel.

Related Post