Magento 2:如何覆盖微型购物车默认模板html文件?


Answers:


17

首先,我们必须将Web /模板文件覆盖为我们的magento主题文件,在我的情况下为content.html

Magento_Checkout/web/template/minicart/content.html

content.html文件更改后,我们必须使用命令部署静态文件php bin/magento setup:static-content:deploy

要么

您必须从中删除content.html(我必须更改此文件中的内容)文件,pub/static/frontend/Magento/buytea/en_US/Magento_Checkout/template/minicart然后重新加载页面。

应用更改。


1
尝试覆盖首页。但不工作
ANKIT沙阿

该网页,请给我路径
拉克什Jesadiya

我具有下面的文件夹结构 magento2 |_ app |_ design |_ frontend |_ Magento |_luma |_Magento_Theme |_templates |_root.phtml composer.json registration.php theme.xml,请参考magento.stackexchange.com/questions/138223/…–
Ankit Shah

您必须定义您的自定义主题,在亮度内部不起作用,如果您想在亮度主题内部进行更改,请转到供应商/ magento / theme-frontend-luma
Rakesh Jesadiya

我想重写Luma主题无法做到这一点?
Ankit Shah

12

还有另一种方式。我们应该知道我们可以通过RequireJS覆盖html模板。我们不需要创建自定义主题。在您的自定义模块中,创建一个requirejs-config.js

应用/代码/ {供应商} / {模块名称} /视图/前端/requirejs-config.js

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

更多的解释,我们可以在这里阅读更多。


嘿。当我以content.html这种方式覆盖时,为什么它给我空白?小车。
希拉格

有这个档案Vendor_ModuleName/template/minicart/content.htmlpub/static
Khoa TruongDinh

是的..而且我的配置代码requirejs-config.js也是有效的
chirag

当我看到控制台时,它也会占用我的文件而不是核心文件。但不知道为什么它什么也不显示。
希拉格

试图清除浏览器缓存?
Khoa TruongDinh

7

您可以通过将此文件夹添加到主题中来覆盖它:

Magento_Checkout/web/template/minicart

在此文件夹中,您可以创建content.html文件。对该文件进行更改后,请确保刷新浏览器缓存以查看更改。


我尝试过相同的建议,但不能正常工作。
Rakesh Jesadiya'1

您是否部署了静态文件?并清除缓存?
席尔文(Silvan)2016年

1
是的,清除静态文件后它可以正常工作,它将在下一页加载时自动生成新文件。
Rakesh Jesadiya'1

0

尽管Khoa TruongDinh的回答确实很有帮助,但仍缺少一些细节,因此这里有一个完整的示例:

工作微型车示例,将html模板复制到:

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

并在主题requirejs-config.js =>

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

另请参阅核心错误:https//github.com/magento/magento2/issues/5832


-1

打开文件以修改微型购物车内容:

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

用于修改minicart产品内容的打开文件:

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

修改后,您必须使用部署主题,主题bin/magento setup:static-content:deploy才会显示。

如果未填充修改,则在以下目录中修改临时模板以显示运行时更改:

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

您不应该修改pub / static中的内容。无论如何,它将被static deploy命令覆盖...
OZZIE
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.