Magento – Cart summary drop down in top link

cartcheckoutcustomer

In my top links i have my account, basket(cart) and contact us.

What i would like to do is when an item gets added to the cart by the customer:

the customer stays on the page they are instead of redirecting to the cart
and a drop down appears under the cart link in the header displaying "you have $number item/s in your cart" with a link to the cart page.

The redirection i sorted in the admin configuration. But im not sure on how to do the drop down for the cart link in top links. I ideally want it to look like this:

Cart example

I only want it to do this when there are items in the cart though. When there inst any in the cart the link should look like normal

Any ideas? thanks

Best Answer

You are looking for an Ajax Mini Cart. I believe Enterprise edition has something like the out of the box, and I have worked with a custom built extension in the past.

There are a few in Magento connect that do similar to what you described.

Sort of like a mix of these: http://www.magentocommerce.com/magento-connect/header-mini-cart.html http://www.magentocommerce.com/magento-connect/ajax-cart-5.html

Related Solutions

Magento 1.9 Cart Images Not Displaying – How to Resolve

You can use the catalog image helper to get any type of image.

$_product = $_item->getProduct();
echo Mage::helper('catalog/image')->init($_product, 'small_image')->resize(50,50);

Magento 1.9 – How to Update Remove Item in Checkout/Cart Section

I added the following custom code in grouped.phtml of path: app\design\frontend[your_theme]\default\template\catalog\product\view\type\grouped.phtml

Below qty code:

    <a href="javascript:void(0)" title="<?php echo Mage::helper('core')->quoteEscape($this->__('Remove This Item')) ?>"
          data-confirm="<?php echo $this->__('Are you sure you would like to remove this item from the shopping cart?') ?>"
           class="remove">
       <?php echo $this->__('Remove Item') ?>
    </a>
    <!-------End of custom code------->

and in same file added the following script to remove product:

jQuery(document).ready(function(){

jQuery('.remove').click(function(){
    jQuery(this).prevAll('input').val(0);
    jQuery(this).closest('tr').hide();
    //alert(jQuery(this).closest('tr').find('td').html());

})

})

This code remove the product from product page as well as from checkout, from grouped product list.

Best Answer

Related Solutions

Magento 1.9 Cart Images Not Displaying – How to Resolve

Magento 1.9 – How to Update Remove Item in Checkout/Cart Section

Related Topic