1- First Create a copy of orignal minicart as follow inside the same folder and rename or change the classes
<?php if ($this->getIsNeedToDisplaySideBar()):?>
<div class="sidebar_cart">
<?php
$cart_text='Cart';
$_cartQty = $this->getSummaryCount() ?>
<div class="block-content_pan">
<div class="summary">
<span class="f-left cart-icon"><i class="fa fa-shopping-cart"></i></span>
<h2 class="classy f-left"><span class="my-cart"><?php echo $this->__('My Cart')?></span>
<?php /*<?php if ($_cartQty==0): ?>
<?php echo $this->__('<a href="%s">0</a><span class="Itext"> %s</span>', $this->getUrl('checkout/cart'), $this->__('item')) ?>
<?php endif ?>
<?php if ($_cartQty>0): ?>
<?php if ($_cartQty==1): ?>
<?php echo $this->__('<a href="%s">1</a><span class="Itext"> %s</span>', $this->getUrl('checkout/cart'), $this->__('item')) ?>
<?php else: ?>
<?php echo $this->__('<a href="%s">%s</a><span class="Itext"> %s</span>', $this->getUrl('checkout/cart'), $_cartQty, $this->__('items')) ?>
<?php endif ?>
<?php endif ?>
*/ ?>
<?php
$count = $this->helper('checkout/cart')->getSummaryCount(); //get total items in cart
if($count==0)
{
echo $this->__('<span class="Itext">0 item</span>',$count) ;
}
if($count==1)
{
echo $this->__('<span class="Itext">1 item</span>',$count);
}
if($count>1)
{
echo $this->__('<span class="Itext">%s items</span>',$count);
}
?>
</h2>
<!--<em class="bag f-right"><i class="fa fa-angle-down"></i></em>-->
</div>
<div class="remain_cart" id="sidecart" style="display: none;">
<div class="sidecartInner">
<?php if($_cartQty && $this->isPossibleOnepageCheckout()): ?>
<?php endif ?>
<?php $_items = $this->getRecentItems() ?>
<?php if(count($_items)): ?>
<div class="shopping-bag f-block">
<?php if ($_cartQty==1): ?>
<p class="empty f-left"><?php echo $this->__('Shopping Bag (1 items)') ?></p>
<?php else:?>
<p class="empty f-left"><?php echo $this->__('Shopping Bag (%s items)',$_cartQty) ?></p>
<?php endif?>
<p class="subtotal f-right">
<?php if ($this->canApplyMsrp()): ?>
<span class="map-cart-sidebar-total"><?php echo $this->__('ORDER TOTAL WILL BE DISPLAYED BEFORE YOU SUBMIT THE ORDER');?></span>
<?php else: ?>
<span class="label"><?php echo $this->__('Total:') ?></span> <?php echo Mage::helper('checkout')->formatPrice($this->getSubtotal()) ?>
<?php if ($_subtotalInclTax = $this->getSubtotalInclTax()): ?>
<br />(<?php echo Mage::helper('checkout')->formatPrice($_subtotalInclTax) ?> <?php echo Mage::helper('tax')->getIncExcText(true) ?>)
<?php endif; ?>
<?php endif; ?>
</p>
</div>
<ol id="cart-sidebar" class="mini-products-list">
<?php foreach($_items as $_item): ?>
<?php echo $this->getItemHtml($_item) ?>
<?php endforeach; ?>
</ol>
<script type="text/javascript">decorateList('cart-sidebar', 'none-recursive')</script>
<div class="actions_checkout">
<?php echo $this->getChildHtml('extra_actions') ?>
<button type="button" title="<?php echo $this->__('View Cart') ?>" class="button" onclick="setLocation('<?php echo $this->getUrl('checkout/cart')?>')"><span><span><?php echo $this->__('View Cart') ?></span></span></button>
<button type="button" title="<?php echo $this->__('Checkout') ?>" class="button" onclick="setLocation('<?php echo $this->getCheckoutUrl() ?>')"><span><span><?php echo $this->__('Checkout') ?></span></span></button>
</div>
<?php else: ?>
<div class="shopping-bag f-block"><p class="empty"><?php echo $this->__('You have no items in your shopping cart.') ?></p></div>
<?php endif ?>
</div>
</div>
</div>
</div>
<?php endif;?>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery(function() {
jQuery(".sidebar_cart").hover(function() {
jQuery(this).addClass('active');
jQuery("#sidecart").stop(true, true).delay(300).slideDown(200, "easeInSine");
},
function() {
jQuery("#sidecart").stop(true, true).delay(300).fadeOut(100, "easeInCubic");
});
});
});
</script>
2- open the checkout.xml and copy the following block
<block type="checkout/cart_sidebar" name="cart_header" template="checkout/cart/sidebar_header.phtml" after="-"> <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>3-Make the following cahanges as follow: and paste it in page.xml inside the
<block type="page/html_header" name="header" as="header"> <!-- custom code for minicart --> <block type="checkout/cart_sidebar" name="cart_header" template="checkout/cart/sidebar_cart.phtml" as="sidecart"> <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> <!-- custom code for minicart end -->4-After that call it in header.phtml as follow:
<?php echo $this->getChildHtml('sidecart'); ?>
An example screen of look::
No comments:
Post a Comment