Move Cart to Header In Magento 1.8.1

Question

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.

Answer 1

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.

Answer 2

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'); ?>