Thursday, 19 December 2019

overrite add to cart js by mixins in magento2

1.Create file registration.php in app/code/Override/AddtoCartJs/registration.php

<?php
/**
 * Ansar Husain
 * Override_AddtoCartJs
 */
\Magento\Framework\Component\ComponentRegistrar::register(
    \Magento\Framework\Component\ComponentRegistrar::MODULE,
    'Override_AddtoCartJs,
    __DIR__
);




2. Create file module.xml app/code/Override/AddtoCartJs/etc/module.xml


<?xml version="1.0"?>
<!--
/**
* Ansar Husain
* Override_AddtoCartJs
**/
-->
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
    <module name="Override_AddtoCartJs" />
</config>

3. Create file requirejs-config.js app/code/Override/AddtoCartJs/view/frontend/requirejs-config.js

var config = {

        "config":{
             "mixins":{
                    'Magento_Catalog/js/catalog-add-to-cart': {
                        "Override_AddtoCartJs/js/catalog-add-to-cart" : true
                    },
             }
        }


}
4. Create file catalog-add-to-cart.js app/code/Override/AddtoCartJs/view/frontend/web/js/catalog-add-to-cart.js

define([
        'jquery',
        'mage/translate',
        'jquery/ui'
    ],
    function ($, $t) {
        'use strict';

        return function (target) {
            $.widget('mage.catalogAddToCart', target, {
                options: {
                    addToCartButtonTextWhileAdding: $t('Adding'),
                    addToCartButtonTextDefault: $t('Add')
                }
            });

            return $.mage.catalogAddToCart;
        };

    });

No comments:

Post a Comment