Magento 2: How to override mini-cart default template html file?

Question

How to override /var/www/html/magento2/vendor/magento/module-checkout/view/frontend/web/template/minicart/content.html file in our custom theme?

Answer 1

first we have to override web/template files to our magento theme file, in my case content.html

Magento_Checkout/web/template/minicart/content.html

After changes in content.html file, we have to deploy static file using command php bin/magento setup:static-content:deploy

OR

You have to delete content.html(i have to change content in this file) file from pub/static/frontend/Magento/buytea/en_US/Magento_Checkout/template/minicart and reload page again.

Changes are applied.

Answer 2

There is another way. We should know that we can override the html template via RequireJS. We don't need to create a custom theme. In your custom module, create a requirejs-config.js:

app/code/{Vendor}/{Module_Name}/view/frontend/requirejs-config.js

var config = {
    map: {
        '*': {
            'Magento_Checkout/template/minicart/content.html':
                'Vendor_ModuleName/template/minicart/content.html'
        }
    }
};

A more explain we can read more here.

Answer 3

You can override this by adding this folder to your theme:

Magento_Checkout/web/template/minicart

In this folder you can create the content.html file. After a change made in this file make sure you flush your browser cache to see the changes.

Answer 4

Although Khoa TruongDinh's answer was really helpful, there are some details missing so here is a full example:

Working minicart example, copy the html template to:

[theme_path]/Magento_Theme/web/template/minicart/content.html

and in themes requirejs-config.js =>

var config = {
    "map": {
        "*": {
            'Magento_Checkout/template/minicart/content.html': 'Magento_Theme/template/minicart/content.html'
        }
    }
};

See also core bug: https://github.com/magento/magento2/issues/5832

Answer 5

Open file for modifying minicart contents:

/app/design/frontend/your_theme/Theme/Magento_Checkout/web/template/minicart/content.html

Open file for modifying minicart product contents :

/app/design/frontend/Eglo/Theme/Magento_Checkout/web/template/minicart/item/default.html

After modification, You have to deploy the theme using bin/magento setup:static-content:deploythen it will show.

If modification is not populated then modify tempaltes in below directory for showing runtime changes:

/pub/static/frontend/Your_theme/Theme/en_US/Magento_Checkout/template/minicart