想必很多朋友想在magento里把购物车移到顶部,或者在header 添加一个小型购物车。

效果如图:
mini-cart

如何能做到这样呢,当然有很多方法实现的。这里只需三步就能达到这种效果,下面是我的方法(这里以默认模板为例):
第一步:打开app\design\frontend\default\default\layout\page.xml
大概在58行处找到
<block type=”page/html_header” name=”header” as=”header”></block>
在其sub-blocks 中插入购物车代码:
<block type=”page/html_header” name=”header” as=”header”>
<block type=”page/template_links” name=”top.links” as=”topLinks”/>
<block type=”page/switch” name=”store_language” as=”store_language” template=”page/switch/languages.phtml”/>
<!–new block –>
<block type=”checkout/cart_sidebar” name=”cart_sidebar” as=”topcart” template=”checkout/cart/sidebar.phtml”/>
<block type=”core/text_list” name=”top.menu” as=”topMenu”/>
</block>

第二步:打开文件app\design\frontend\default\default\template\page\html\header.phtml
//请把购物车代码放在顶部或者你想要显示的位置.
< ?php echo $this->getChildHtml(‘topcart’); ?>

第三步:更新block。到后台 CMS => Manage Pages ,找到首页cms,进入找到Custom Design 选项,在Layout Update XML 里面填写以下代码:
<reference name=”header”>
<action method=”unsetChild”><name>cart_sidebar</name></action>
</reference>
 
就这样,小型购物车就完全的展现在magento顶部了。