Trigger after product is added to cart?

Hi,

Is there any js function after product is added succesfully to cart i could use?

I need to add some animated icon on add to cart button after product is added to cart. I see there is some kinda function triggered while adding is in progress which adds "add_in_progress" class to the button...

Would be great to add some class ( temporary for 300ms or 500ms ) to button like "add_success" after product is added to cart.

Can this be done as improvement by default else any hints would be welcome.

Thank you

Hi,

yes this function already exists, and this is also what the cart notify plugin already does, temporarily showing a pop-up message when a product is (or isn't) successfully added to the cart. You can have a look at the file plugins/hikashop/cartnotify/media/notify.js to see how this works. If you have the plugin enabled, you could add your code to add a class to a button directly in the plugin, but you can also register the cart update event in view overrides wherever you like.

For example the cart module also has this on line 15 to 28 if you look at the file com_hikashop/views/product/tmpl/cart.php. Here line 25 is the actual javascript that happens after the cart is updated, in this case remove a class, but you can just as easily add a class to a button or anything else.

Hope that helps.

Hi,

Thanks for the hint GW.

I am not willing to modify core plugin code so have looked into cart.php as you suggested.

It was easy to understand how it works and i adjusted code bellow which works partially.

<script type="text/javascript">
window.Oby.registerAjax(<?php echo $events; ?>, function(params) {
	var o = window.Oby, el = document.getElementById('hikashop_cart_<?php echo $module_id; ?>'),
        btn = document.getElementById('btn-add-cart');
	if(!el) return;
	if(params && params.resp && (params.resp.ret === 0 || params.resp.module == <?php echo (int)$module_id; ?>)) return;
	if(params && params.type && params.type != '<?php echo $this->cart_type; ?>') return;
	o.addClass(el, "hikashop_checkout_loading");
	o.xRequest("<?php echo hikashop_completeLink('product&task=cart&module_id='.$module_id . '&module_type='.$this->cart_type.'&return_url='.urlencode(base64_encode(hikashop_currentURL('return_url'))), true, false, true); ?>", {update: el}, function(xhr){
		o.removeClass(el, "hikashop_checkout_loading");
                o.addClass(btn, "add_success");
	});
});
</script>