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?

score 19 · Accepted Answer · answered Jan 09 '16 at 12:06

19

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.

answered Jan 09 '16 at 12:06

Rakesh Jesadiya

42,221
18
132
183

1

Trying to override homepage. But not working – Jackson Sep 27 '16 at 10:28
which page, please give me path – Rakesh Jesadiya Sep 27 '16 at 10:34
I have below folder structure
magento2 |_ app |_ design |_ frontend |_ Magento |_luma |_Magento_Theme |_templates |_root.phtml composer.json registration.php theme.xml & refer http://magento.stackexchange.com/questions/138223/how-to-override-html-file-in-magento-2-1/
– Jackson Sep 27 '16 at 10:35
you have to defined your custom theme, inside luma its not working, if you want to changes inside luma theme then go to your vendor/magento/theme-frontend-luma – Rakesh Jesadiya Sep 27 '16 at 10:36
I would like to override Luma Theme Cannot do that? – Jackson Sep 27 '16 at 10:37
you have to create your custom theme and set luma theme as parent. you directly not defined luma theme as defined you in above query – Rakesh Jesadiya Sep 27 '16 at 10:38
Is there any guide or link you can provide it will be really helpful. Because i exactly don't know how to do it – Jackson Sep 27 '16 at 10:39
you can refer this post for override luma theme, http://magento.stackexchange.com/questions/136289/how-to-add-banner-or-slider-in-magento-2-1-1-home-page-and-how-to-create-custom/136292#136292 – Rakesh Jesadiya Sep 27 '16 at 10:46
I tried running php bin/magento setup:static-content:deploy -f after creating the new file in my custom theme, but it never showed my changes. After manually deleting the file in pub/static it then showed up – iamface Aug 23 '18 at 22:20

score 17 · Answer 2 · edited Apr 13 '17 at 12:55

17

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.

edited Apr 13 '17 at 12:55

Community

1

answered Jun 19 '16 at 12:27

Khoa TruongDinh

32,054
11
88
155

hey. when i override content.html this way then why its give me blank? minicart. – Chirag Prajapati Nov 18 '16 at 07:51
There is this file Vendor_ModuleName/template/minicart/content.html in pub/static? – Khoa TruongDinh Nov 18 '16 at 07:53
yes.. and also my config code in requirejs-config.js is availbale – Chirag Prajapati Nov 18 '16 at 07:58
when i see console, its also taking my file instead of core. but don't know why its display nothing. – Chirag Prajapati Nov 18 '16 at 07:59
Tried to clear your Browser Cache? – Khoa TruongDinh Nov 18 '16 at 08:02
cleared, run with new browser but no luck. – Chirag Prajapati Nov 18 '16 at 08:05
ohhh its give me error getCartParam is not defined. you have any solution? – Chirag Prajapati Nov 18 '16 at 08:13
Which is your Magento version? 2.1.x? – Khoa TruongDinh Nov 18 '16 at 08:18
i am working with Magento 2.0.2 – Chirag Prajapati Nov 18 '16 at 08:19
Let us continue this discussion in chat. – Khoa TruongDinh Nov 18 '16 at 08:28
@KhoaTruongDinh, this was very useful. Followed this approach to override OOB content.html in custom module for Magento 2.2.6 minicart and it's been working fine. – cnu Apr 05 '19 at 14:32

score 7 · Answer 3 · answered Jan 09 '16 at 11:29

7

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.

answered Jan 09 '16 at 11:29

Silvan

1,347
6
33
55

i have try same you suggest this but not works. – Rakesh Jesadiya Jan 09 '16 at 11:33
Did you deploy static files? And cleared cache? – Silvan Jan 09 '16 at 11:43
1

yes, its working fine after clear static files and it will auto generate new file on next page load. – Rakesh Jesadiya Jan 09 '16 at 11:50

score 1 · Answer 4 · answered Apr 24 '18 at 09:32

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

score -1 · Answer 5 · edited Nov 18 '16 at 06:58

-1

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

edited Nov 18 '16 at 06:58

Chirag Prajapati

2,922
2
18
42

answered Nov 16 '16 at 07:58

Abhinav Singh

2,592
15
14

you shouldn't modify stuff in pub/static.. it will be overridden by static deploy command anyway... – OZZIE Apr 24 '18 at 09:36

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

5 Answers5

Linked