1

I am trying to override HTML template in my custom module. I am working on Magento ver 2.2.2

Vendor/Moule/view/frontend, I have created a requirejs-config.js file:

    var config = {
    map: {
        '*': {
            'Magento_Checkout/template/minicart/content.html': 'Vendor_Module/template/minicart/content.html',
            'Magento_Checkout/template/minicart/item/default.html': 'Vendor_Module/template/minicart/item/default.html'
        }
    }
};

Copied custom file minicart\content.html to

Vendor\Module\view\frontend\web\template\minicart\content.html and

copied minicart/item/default.html to

Vendor\Module\view\frontend\web\template\minicart\item\default.html

Run below commands:

php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy
php bin/magento cache:clean

After doing this, my default files disappear and my files are not showing, please let me know if I am doing something wrong.Thanks in advance :)

  • Check with private window or clear browser cache to see changes of HTML and JS files – Prince Patel Jan 10 '18 at 5:56
  • Yes, I have cleared browser cache but unable to see any changes. – user00247 Jan 10 '18 at 6:27
  • Is I am doing something wrong or you can suggest any other method to override HTML template from a custom module? – user00247 Jan 10 '18 at 6:27
  • Open Inspect element and go to network tab and find/open content.html and check your changes – Prince Patel Jan 10 '18 at 6:36
  • Yr Welcome -- :) – Prince Patel Jan 10 '18 at 10:03
1

Here is the simple method to show changes of HTML and JS files without clearing the cache of the browser.

Right click on page and inspect element and open network tab. Now Double click on Html or Js file which you edited. And just full refresh html or js page in new tab.

Now Done. You can see changes on next refresh page.

Screenshot:

enter image description here

0

Try following code:

  1. app/code/[VendorName]/[ModuleName]/view/frontend/requirejs-config.js
var config = {
    paths: {
        'Magento_Checkout/template/minicart/content': '[VendorName]_[ModuleName]/template/minicart/content',
        'Magento_Checkout/template/minicart/item/default': '[VendorName]_[ModuleName]/template/minicart/item/default'
    }
};
  1. app/code/[VendorName]/[ModuleName]/view/frontend/web/template/minicart/content.html
  2. app/code/[VendorName]/[ModuleName]/view/frontend/web/template/minicart/item/default.html

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.