Theming Magento: checkout

<pre style="color: #a9b7c6; font-family: "DejaVu Sans Mono"; font-size: 11.3pt;"></pre>
<pre style="font-family: "dejavu sans mono";"><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmhVgqgncgIjXAKlcYz_VVOBUR0TNOeTXfOmC_f4M8XJ9LksVd0YLCkWao5zKsrF9YzrUIyTuAGpu37WjBu-3VqUV9MP26CZvvFGrluIwe_ha7uPVA1LbNXApprmBpXhgF0svaX2lMqhv9/s1600/theming-magento-icon.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="210" data-original-width="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmhVgqgncgIjXAKlcYz_VVOBUR0TNOeTXfOmC_f4M8XJ9LksVd0YLCkWao5zKsrF9YzrUIyTuAGpu37WjBu-3VqUV9MP26CZvvFGrluIwe_ha7uPVA1LbNXApprmBpXhgF0svaX2lMqhv9/s1600/theming-magento-icon.png" /></a></div>
<pre style="font-family: "dejavu sans mono";">
</pre>
<pre style="font-family: "dejavu sans mono";">Opening your hint path, you will be missed lead </pre>
<pre style="font-family: "dejavu sans mono";">to think you will find the html table tags in side cart.phtml</pre>
<pre style="font-family: "dejavu sans mono";">
</pre>
<pre style="font-family: "dejavu sans mono";"><pre style="background-color: #2b2b2b; font-family: "dejavu sans mono"; font-size: medium;">.../template/checkout/cart.phtml</pre>
<div>
</div>
</pre>
</pre>
<pre style="font-family: "dejavu sans mono";">>> file content</pre>
<pre style="color: #a9b7c6; font-family: "dejavu sans mono";"><pre style="background-color: #2b2b2b; font-family: "dejavu sans mono";"></pre>
<pre style="background-color: #2b2b2b; font-family: "dejavu sans mono";"><tbody><?php foreach($this->getItems() as $_item): ?>
 <?php echo $this->getItemHtml($_item) ?>
<?php endforeach ?>
</tbody></pre>
</pre>
<pre style="font-family: "dejavu sans mono";">Sorry! So to locate the file that is responsible for</pre>
<pre style="font-family: "dejavu sans mono";">populating your Magento cart, you will need to dig a little</pre>
<pre style="font-family: "dejavu sans mono";">deeper, at first this might seem confusing, but Magento has a </pre>
<pre style="font-family: "dejavu sans mono";">perfectly good, "CONTROL N FLEXIBILITY". </pre>
<pre style="font-family: "dejavu sans mono";">
</pre>
<pre style="font-family: "dejavu sans mono";">>> To start editing your cart, navigate to the directory below </pre>
<pre style="font-family: "dejavu sans mono";">
</pre>
<pre style="font-family: "dejavu sans mono";"><pre style="background-color: #2b2b2b; font-family: "dejavu sans mono";">.../template/checkout/cart/item/default.phtml</pre>
<pre style="background-color: #2b2b2b; font-family: "dejavu sans mono";"></pre>
<pre style="font-family: "dejavu sans mono";"><pre style="font-family: "dejavu sans mono";">All the expected html table tags (tfoot, thead, tr, td, table) </pre>
<pre style="font-family: "dejavu sans mono";">controlling Magento's cart layout are all located under this file. </pre>
<pre style="font-family: "dejavu sans mono";">Remember to first copy and paste this file inside your template</pre>
<pre style="font-family: "dejavu sans mono";">folder BEFORE EDITING it.</pre>
<pre style="font-family: "dejavu sans mono";">
</pre>
<pre style="font-family: "dejavu sans mono";">Happy theming. </pre>
<pre style="font-family: "dejavu sans mono";"></pre>
<pre style="font-family: "dejavu sans mono";"></pre>

</pre>

</pre>

Opening your hint path, you will be missed lead to think you will find the html table tags in side cart.phtml .../template/checkout...

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmhVgqgncgIjXAKlcYz_VVOBUR0TNOeTXfOmC_f4M8XJ9LksVd0YLCkWao5zKsrF9YzrUIyTuAGpu37WjBu-3VqUV9MP26CZvvFGrluIwe_ha7uPVA1LbNXApprmBpXhgF0svaX2lMqhv9/s1600/theming-magento-icon.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="210" data-original-width="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmhVgqgncgIjXAKlcYz_VVOBUR0TNOeTXfOmC_f4M8XJ9LksVd0YLCkWao5zKsrF9YzrUIyTuAGpu37WjBu-3VqUV9MP26CZvvFGrluIwe_ha7uPVA1LbNXApprmBpXhgF0svaX2lMqhv9/s1600/theming-magento-icon.png" /></a></div>
<div style="text-align: center;">
 </div>
Its always a good idea to keep your checkout page clean, so I thought I should share this new trend with you. The onepage or onestep checkout page usually do not have a footer or a header of the main store, add these updates to your checkout page, by simply pasting the code below on your local.xml file. 
 
If you use the onestep checkout >> 
 
<pre style="background-color: #2b2b2b; color: #a9b7c6; font-family: "DejaVu Sans Mono"; font-size: 11.3pt;">
</pre>
<pre style="background-color: #2b2b2b; color: #a9b7c6; font-family: "DejaVu Sans Mono"; font-size: 11.3pt;"><onestepcheckout_index_index> <remove name="header"/> <remove name="footer"/></onestepcheckout_index_index></pre>
<pre style="background-color: #2b2b2b; color: #a9b7c6; font-family: "DejaVu Sans Mono"; font-size: 11.3pt;">
</pre>
 
If you are using the onepage checkout >> 
 
<pre style="background-color: #2b2b2b; color: #a9b7c6; font-family: 'DejaVu Sans Mono'; font-size: 11.3pt;">
</pre>
<pre style="background-color: #2b2b2b; color: #a9b7c6; font-family: 'DejaVu Sans Mono'; font-size: 11.3pt;"><checkout_onepage_index> <remove name="header"/> <remove name="footer"/></checkout_onepage_index></pre>
<pre style="background-color: #2b2b2b; color: #a9b7c6; font-family: 'DejaVu Sans Mono'; font-size: 11.3pt;">
</pre>
 
And that's it, Happy coding. Do not forget to leave your comments below, if you have any questions or if this article was helpful to you.

Its always a good idea to keep your checkout page clean, so I thought I should share this new trend with you. The onepage or onestep c...

Theming Magento

Find Magento's cart html tags (tfoot, thead, tr, td, table)

Remove footer and header on onestep checkout (local.xml)