Magento – magento 2 How to override module-configurable-product configurable.js file

magento2requirejs

I want to override following js core file.

public_html/vendor/magento/module-configurable-product/view/frontend

I have tried in my custom theme as follow but it is not working

public_html/app/design/frontend/TemplateMonster/theme007/Magento_ConfigurableProduct/view/frontend/web/js

i have also created required requirejs-config.js and added following code

/public_html/app/design/frontend/TemplateMonster/theme007/Magento_ConfigurableProduct/requirejs-config.js

var config = {
    map: {
        '*': {
            configurable: 'Magento_ConfigurableProduct/js/configurable'
        }
    }
};

Best Answer

Need to run :

rm -rf var/generation/ var/view_preprocessed/ pub/static/frontend/ pub/static/_requirejs/ var/cache var/di var/page_cache pub/static/_cache

./bin/magento setup:static-content:deploy

Related Solutions

Magento2 – Override JS File via requirejs-config.js

placing the file under app/design/frontend/Mytheme/mytheme/Magento_Catalog/web/js/price-box.js should be sufficient (without any require config) to overload the file in your theme.

As already said, try clearing the pub/static/ folder content (except the .htaccess). On unix systems you can do this with the command rm -rf pub/static/* from the root directory since * does not include any files starting with a .

If this does not work, I assume there is a problem, since the original File is located in the base area while your theme is in the frontend area. Logically (if this is not working), since base should be inherited by all areas, this might be a bug in the overloading mechanism.

Magento – Add custom js to product view

In your template file, try to replace module name description with descriptioncontent.

app/design/frontend/{Name}/{theme}/Magento_Catalog/templates/product/js.phtml

<script>
// <![CDATA[
    require([
        'jquery',
        'descriptioncontent'
    ], function ($) {
        $(function () { // to ensure that code evaluates on page load
            alert('Check js.phtml');
            $('.product-info-main').ContentManagement();
        });
    });
// ]]>
</script>

Best Answer

Related Solutions

Magento2 – Override JS File via requirejs-config.js

Magento – Add custom js to product view

Related Topic