Magento – How to add onClick event to add to cart button

addtocartcartfacebookmagento-2.1.9

Magento version 2.1.9

I want to use facebook pixel on my magento site. I want to add onclick event to all "add to cart" buttons.

Thank you in advance.

Best Answer

If you are looking to add it to the product view, you can go to

app/code/Magento/Catalog/view/frontend/templates/product/view/addtocart.phtml

and add your onclick event to the button element around line 32.

It is bad practice to add inline js - hat tip to Ben Crook - (see here). An alternative would be to add the following to a js file:

window.onload = function () {
    document.getElementById("product-addtocart-button").onclick = function () {
        // Add Facebook Pixel Event
    };
}

Related Solutions

Magento – How to add “Initiate checkout” Facebook pixel Standard events on Magento Proceed to checkout

You need to add code to app/design/frontend/Your-Package/Your-Theme/template/page/html/head.phtml

<?php if(Mage::getURL('checkout/onepage') == Mage::helper('core/url')->getCurrentUrl()){ ?>

<script>
    fbq('track', 'InitiateCheckout');
</script>
<noscript>
<img height="1" width="1" style="display:none"
           src="https://www.facebook.com/tr?id=1677576565828693&ev=InitiateCheckout&value=<?php echo Value ?>&currency=<?php echo $currency ?>&noscript=1"
    />
</noscript>

<?php } ?>

Hope it will helpful to you.

Magento – Tracking Ajax Add to Cart Event

public function myAddToCart(Varien_Event_Observer $observer)
{
    $product = Mage::getModel('catalog/product')
                    ->load(Mage::app()->getRequest()->getParam('product', 0));
    if (!$product->getId()) {
        return;
    }

    Mage::getModel('core/session')->setProductToShoppingCart(
        new Varien_Object(array(
            'id' => $product->getSku(),
            'name' => $product->getName(),
            'brand' => $product->getAttributeText('manufacturer'),
            'price' => $product->getPrice(),
            'qty' => Mage::app()->getRequest()->getParam('qty', 1),
            'currency' => Mage::app()->getStore()->getCurrentCurrencyCode(),
        ))
    );
}

Replace this with your observer function.

Hope it will help

Best Answer

Related Solutions

Magento – How to add “Initiate checkout” Facebook pixel Standard events on Magento Proceed to checkout

Magento – Tracking Ajax Add to Cart Event

Related Topic