Magento: Show minicart sidebar with totals on checkout.

One of the great features in default Magento is one-page checkout. However, the bad factor is that you can see actual cart totals only on the last phase of check out (order confirmation). Let’s try for making mini cart totals visible during whole check out procedure, it will look this way:

Magento show mini cart sidebar

I suppose that you have your own custom theme. Please do not modify files app/design/frontend/base/default/ & app/design/frontend/default/default/, modify only your custom theme files.

Follow below steps to implement Magento minicart:

Step 1:
You need to modify file app/design/frontend/{your package}/{your theme}/layout/checkout.xml.

Find the following code:

Replace the 2nd line with the following code:

We just expanded the right-side progress column with our block which will render our totals.

Step 2:
In the same file, find the following code:

and insert the same block inside checkout progress block:

Step 3.
Now need to create a template file which will render cart totals. It will be a file app/design/frontend/{your package}/{your theme}/template/checkout/onepage/review/totals_right.phtml

Place the following code in the file:

Step 4:
The last thing we should do is to call the rendering of our totals block in right progress column. You need to open file app/design/frontend/{your package}/{your theme}/template/checkout/onepage/progress.phtml

and find the following code:

and insert one line for the totals rendering:

Now all the steps are done. The good thing is that the totals we just inserted will be refreshed when you go to the next checkout step automatically using Ajax.

Leave a Reply

Your email address will not be published. Required fields are marked *