【magento2模板开发专题17】自定义模板

先决条件

设置你的Magento 2 为 开发者模式。

模板定制演练

自定义模板:

  1. 使用模板提示,查找与要更改的页/块相关联的模板。

  2. 复制模板到您的主题文件夹根据模板存放公约.

  3. 进行必要的更改。

在主题中添加新模板:

  1. 根据模板存储约定添加主题目录中的模板。

  2. 将模板分配给相应的布局文件

如果你添加一个新的.html 模板, 然后编辑它,更改将不适用,直到你做以下: 删除所有文件 pub/static/frontend 和 var/view_preprocessing 目录,然后重新加载页面。 您可以手动删除文件或运行grunt clean:<theme_name> 命令在CLI.

演练说明:向客户评论表单添加消息

一个小的定制说明演练:在Orange主题,增加一个短文本的产品评论的形式鼓励客户写评论。

如下图

【magento2模板开发专题17】自定义模板

第一步, 复制 form.phtml 模版从<Magento_Review_module_dir>/view/frontend/templates 在橙色主题目录中对应的子目录:app/design/frontend/OrangeCo/orange/Magento_Review/templates.

在主题中 form.phtml 文件添加HTML片段的 <form>消息之前:

【magento2模板开发专题17】自定义模板

如下图:

【magento2模板开发专题17】自定义模板