10

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

15

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.

  • 1
    Trying to override homepage. But not working – Ankit Shah 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 magento.stackexchange.com/questions/138223/… – Ankit Shah 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? – Ankit Shah Sep 27 '16 at 10:37
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.

  • i have try same you suggest this but not works. – Rakesh Jesadiya Jan 9 '16 at 11:33
  • Did you deploy static files? And cleared cache? – Silvan Jan 9 '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 9 '16 at 11:50
7

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.

  • hey. when i override content.html this way then why its give me blank? minicart. – chirag Nov 18 '16 at 7:51
  • There is this file Vendor_ModuleName/template/minicart/content.html in pub/static? – Khoa TruongDinh Nov 18 '16 at 7:53
  • yes.. and also my config code in requirejs-config.js is availbale – chirag Nov 18 '16 at 7:58
  • when i see console, its also taking my file instead of core. but don't know why its display nothing. – chirag Nov 18 '16 at 7:59
  • Tried to clear your Browser Cache? – Khoa TruongDinh Nov 18 '16 at 8:02
0

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

-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
  • you shouldn't modify stuff in pub/static.. it will be overridden by static deploy command anyway... – OZZIE Apr 24 '18 at 9:36

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.