上一节我们大致的说明了后台定制首页的逻辑,也简单介绍了Magento的页面开发分层结构.在这一节我们将继续通过首页定制来讲解Mangento的后台页面修改操作.
我们讲过首页是Magento通过后台定制的Page页面,这种页面常常用来添加那些业务逻辑不是很复杂,但也不可缺少的页面,比如公司介绍,比如反馈信息提交页面等,这种页面更多的工作是在页面表现上.商城首页使用后台的Page选项来定制,是看中了Page页非代码定制,方便调整的特性.
我们这次来给首页添加一个banner图片,我们可以直接在原有的block上修改,也可以新增加一个block,并把它引入到首页,在Magento中,推荐添加新block,这样修改更少,也更符合模块化的理念.
首先我们需要在后台添加一个block,登录后台,打开CONTENT->Blocks,点击’Add New Block’,添加block的title和标示,本例中为”banner”,在下面的编辑框里,点击图片按钮,上传一张本地图片,然后点’Save’
添加完block后,我们需要把这个block添加到首页去,还记得我们前面讲过的添加首页的办法吗?对,我们需要一个Widget,我们用Widget把block和首页的Page关联起来.
打开CONTENT->Widgets,点击’Add Widget’,打开新增Widget页面,在Type下拉框选 ‘CMS Static Block’,因为我们在后台添加的block,默认都是这种类型,在’Design Theme’中选’Magento Luma’,这是我们当前正在使用的主题.然后点击’Continue’
在接下来的配置页面,在Widget Title输入’add home page’,在Assign to Store Views中选择’All Store View’,在下面的’Layout Updates’中点击’Add Layout Updates’.
点击Layout Updates后,会下拉一个选项表单出来,在Display On中选Special Page,我们的目的是特定的页面-首页,在Page中选Cms Home Page,container是标示的页面的各个位置,还记得我们前面讲过的contianer中包含的是block,continer是页面layout的具体划分.在这里,我们选择’Before Main Columns’,这样就会在内容的最开始显示我们添加的这个block.
别着急,配置还没有完成,下来我们需要点击侧边栏的Widgets Option
然后在Block中选择我们刚才创建的名为banner的block,这样我们就用Widget把page和block关联了起来.save一下我们的修改.
返回首页,刷新一下看看,如果首页没有变化,在项目根目录运行清除缓存的命令,在本例中,是在MYMAGENTO2目录下.
./magento cache:clean
然后,首页就可以看到我们添加的内容了
怎么样?这样在后台修改首页是不是很方便,Magento的在后台可以用无代码的方式修改很多的配置项.后台的各个功能模块,后面我们都会讲到.
在这一节我们通过配置的方式,修改了首页的样式,通过这种方式让大家直观的了解到了,Magento页面的逻辑结构.其实说起来,一个成熟的商业站点,通过这种边边角角的修改是不够的,我们可能需要很大规模的定制我们的首页.那这个时候就需要代码的二次开发了.我们有个基本的页面分层概念后,下来我们就通过一个实际的定制化模块来展示一个完整的页面开发的步骤.
特别声明：以上内容(如有图片或视频亦包括在内)为自媒体平台用户上传并发布，不构成投资建议请自行甄别，如有侵权请联系删除：liaycn@163.com
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of the site, which is a social media platform and only provides information storage services.