Header Customization – How to Add a Cart Icon

header

Hello! Currently Running Magento 1.8.1

Looking to add a ShoppingCart Icon which links to Shopping Cart / Checkout at right side of header.

Would like to know

Steps to Upload and Show ShoppingCart [RIGHT HEADER]
Steps to Resize ShoppingCart
Steps to Add/Remove Links in Quick Access Container (My account, Checkout, etc.)

Best Answer

Please see post:

Move Cart to Header In Magento 1.8.1

" (1) In yourTheme/template/page/html/header.phtml:

//Place following code where you want Cart to show:
<?php echo $this->getChildHtml('cart_sidebar'); ?>

" "Please copy and paste base/default/layout/checkout.xml into YOURTHEME/layout. Then rename

<reference name="right"> 
 with 
<reference name="header">"

"Normaly the cart is not in right column anymore. Also the cart should appear in the header if you still have getChildHtml('cart_sidebar'); ?> in header.phtml"

Related Solutions

Magento – Move Quick Access Bar to Top of Header

go to the header template (located at your_package/yourtheme/template/page/html/header.phtml)

move the part

<div class="quick-access-container">...</div>

to the top of the code:

<div class="header-top">...</div>

Magento 1.8.1 – How to Move Cart to Header

in yourTheme/layout/local.xml

<layout>
<default>    
<!-- Unset cart from sidebar -->    
    <reference name="right"><action method="unsetChild"><name>cart_sidebar</name></action></reference>
    <!-- Insert cart in header -->
    <reference name="header"><action method="insert"><blockName>cart_sidebar</blockName></action></reference>
</default>
</layout>

in yourTheme/template/page/html/header.phtml:

// This is required to show the cart
<?php echo $this->getChildHtml('cart_sidebar'); ?>

Normaly the cart should appear in the header.

Edit yourTheme/template/checkout/cart/sidebar.phtml to give the look you want.

Best Answer

Related Solutions

Magento – Move Quick Access Bar to Top of Header

Magento 1.8.1 – How to Move Cart to Header

Related Topic