-
magento2外观:block就是页面内容的载体,所有内容不论是程序输出还是后台输入,都会由block中被显示。layout是一大堆声明block的xml。
-
找到模板:需要知道显示在页面每个部分对应的模板(template)在目录中的什么位置:需要在magento后台打开模板调试界面
-
找到布局layout:
eg:看到模板提示看到template路径:app/code/Magento/Checkout/view/frontend/templates/cart/minicart.phtml
可知这是属于magento的checkout模块
1、检查app/design/frontend/Magento/blank/Magento_Checkout/布局。要找到所需的布局,请在此目录中搜索模板名称“minicart.phtml”的出现位置。找不到匹配的文件,因此我们继续进行下一个回退级别,即父主题布局
2、我们可以在主题配置文件中找到有关父主题的信息theme.xml,在节点中指定父主题名称。在app/design/frontend/Magento/blank/theme.xml没有节点,这意味着空白主题没有父母。所以我们应该搜索下一个回退级别,即模块布局。
3、Magento_Checkout布局位于app/code/Magento/Checkout/view/frontend/layout/。在搜索此目录后出现“ minicart.phtml”,我们定义了我们正在寻找的布局app/code/Magento/Checkout/view/frontend/layout/default.xml。
–https://devdocs.magento.com/guides/v2.2/frontend-dev-guide/themes/debug-theme.html#debug-theme-templ -
找到样式css:可以使用浏览器调试工具来查找类名。找到类名后,在主题和模块样式目录中使用文本搜索来定位定义类的文件.less或.css文件。
-
关于模板Templates
参考链接
1、模板在布局 文件中启动 ,每个布局块都有一个关联的模板。
模板template在布局指令的属性中指定。
2、 根模板
<Magento_Theme_module_dir>/view/base/templates/root.phtml是 Magento应用程序中所有店面页面的根模板。与任何其他模板文件一 样,可以在主题中覆盖此文件。
不像其他的模板,root.phtml包含了doctype规范,有助于和通过Magento的应用呈现的所有页面的部分。(在安装文档操作时,通过设置block的reference替换root模块,可以达到直接替换页面的全部显示) -
关于自定主题的的过程
参考链接
1、建立自己主题目录(参考rwe/default)
2、使用模板提示找到与要更改的页面/块关联的模板(在导航栏中,找到导航栏对应的template(.phtml文件的位置))
3、将这个模板复制到自己要简历的主题文件夹
4、进行必要的更改,在这个模板中写HTML+css+js
5、主题中添加新模板
5.1、根据模板存储约定在主题目录中添加模板(有关模板资料)
5.2、将模板分配给相应布局文件中的块(设置layout)
查看本主题的模板位置,并修改其内容: