怎样改变Magento前端页面默认布局

怎样改变Magento前端页面默认布局,第1张

你的页面描述能详细点吗?不同页面设置布局的方式不一样。

1、在手梁粗页面对应模版的布局文件.xml中修改;

2、后台对应的渣则页面也有布局设置。

如果是首页的话在后台CMS->毕镇Page找到Home Page,然后在Content里面修改。

magento2二次开发教程,请查看电子书:

点此查看 ==》 Magento2.x企业级开发实战

使用模板提示找到与要更改的page/block关联的模板。

根据模板存储约定,将模板复制到主题文件夹中。

进行必要的更改。

要在主题中添加新模板,请执行以下 *** 作:

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

将模板指定给相应布局文件中的块。

如果添加一个新的.html模板,然后对其进行编辑,则在删除pub/static/frontend和var/view_preprocessed目录中的所有文件并重新加载页面之前,更改将不会应用。如果不手动删除这两个目录下的文件,可以通过执行php bin/magento cache:clean命令清除缓存,或者通过后台清除缓存。

示例:

添加一条信息到客户评论表单

系统默认的评论表单页面:

示例以ExampleCorp模块重在一个名字为橙色主题中重写评论表单:

首先,将form.phtml模板从<Magento_Review_module_dir>/view/frontend/templates复制到橙色主题目录中的相应子目录:

app/design/frontend/ExampleCorp/orange/Magento_Review/templates

在theme form.phtml文件团明中,他们在<form>之前添加带有信息的HTML片段:

更改后的页面如下:

总结:如果只是改模板孙肢的文本,而不需要调用php程序,可以在自定义的主题中,按照magento系统中的目录规则,请参考上面两个路径的命名规则,放置对应路径的模板,即可达到重写的效果。

完整路径对比:

原magento模板路径:

vendor/magento/module-review/view/frontend/templates/review.phtml

主题目录路径:

app/design/frontend/ExampleCorp/orange/Magento_Review/templates/塌凯告review.phtml

ExampleCorp/orange为主题目录名,Magento_Review对应vendor/magento/module-review目录

安悔侍装Magento企业版1.14.0.1版本以及演示数据方法如下:

安装Magento企业版1.14.0.1版本时所需工具有:模板、布局、区拦扰块。

1.建议模版:

a.关闭系统缓存system cache ;

b.确定页面可能使用的所有结构类型;

2.修改布局:就指用来分配内容区块到结构区块的工具,以 XML 文本文件的形式存在;

3.设置区块:每一个内容都可以单独设置一个特定的区块,这个区块的标签将会成为它自己的模板文件,例如产品标签或者登简前旦陆区等等。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/12146876.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-21
下一篇 2023-05-21

发表评论

登录后才能评论

评论列表(0条)

保存