Dtjytyk

TOPIC:
Looking to move Shopping Cart to Header-Right in Magento 1.8.1

ATTEMPTS + OTHER POSTS:

How to add a Cart Icon to header?

Move Cart to Header in Magento 1.7

Any contribution is greatly appreciated.

Shopping Cart Icon & # Of Products In Cart - DISPLAYED AT RIGHT-HEADER is the end goal.

1. 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>

2. 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.

In Local.xml add this :

<reference name="header">
 <!-- add cart to header -->
 <block type="checkout/cart_sidebar" name="header-cart" template="checkout/cart/header-cart.phtml">
 <action method="addItemRender"><type>simple</type>
 <block>checkout/cart_item_renderer</block><template>checkout/cart/sidebar/default.phtml</template></action>
 <action method="addItemRender"><type>grouped</type>
 <block>checkout/cart_item_renderer_grouped</block><template>checkout/cart/sidebar/default.phtml</template></action>
 <action method="addItemRender"><type>configurable</type>
 <block>checkout/cart_item_renderer_configurable</block><template>checkout/cart/sidebar/default.phtml</template></action>
 <block type="core/text_list" name="cart_sidebar.extra_actions" as="extra_actions" translate="label" module="checkout">
 <label>Shopping Cart Sidebar Extra Actions</label>
 </block>
 </block>
 </reference>

In header.phtml add this :

<?php echo $this->getChildHtml('header-cart'); ?>