本章内容
本文将一步一步演示如何进行布局的定制任务。也就是说,将演示如何改变Magento页面头部中顾客账户链接的布局。
移动顾客账户链接
在Orange主题中,OrangeCo想要把头部链接转换成下拉菜单,Magento Luma主题中完成的方式是这样的:
继续阅读本文将一步一步演示如何进行布局的定制任务。也就是说,将演示如何改变Magento页面头部中顾客账户链接的布局。
在Orange主题中,OrangeCo想要把头部链接转换成下拉菜单,Magento Luma主题中完成的方式是这样的:
继续阅读这篇文章描述了下面这些典型布局定制任务:
并不是所有的自定义布局都能通过扩展现有布局来实现。如果自定义的量很大时,可以覆盖所需的布局文件。这就意味着你在主题中新建的布局文件将被用来代替默认的主题布局文件。
在这篇文章中,页面布局,页面配置和通用布局被称为布局文件,它们的覆盖是一样的。
这类覆盖了默认或父主题的布局文件被称为覆盖布局文件。
继续阅读对于一个特定的页面,其布局主要被两个重要的布局组件定义:页面布局文件和页面配置文件。
一个页面布局文件定义页面线框,例如,一列布局。技术页面布局是.xml文件,定义html页面<body>
区域内的结构。页面布局功能只是容器。所有的页面布局声明应在页面布局声明文件中声明。
页面配置也是一个.xml文件。它定义详细的结构(页面头部,底部等),内容和页面元信息,包括使用的页面布局。页面配置功能包括主元素和块(尤其是类和容器)。
我们还区分了第三类布局文件,通用布局。它们是定义内容和HTML页面组成中<body>
区域详细结构的.xml文件。这些文件用于返回Ajax请求,电子邮件,HTML片段等页面。
本文给出了每种布局文件类型的详细描述。
继续阅读改变布局是Magento中自定义页面布局的两种方式之一(第二种方式是改变模板文件)。改变页面线框,修改页面布局文件;所有其它自定义的设置在页面配置或通过布局文件来执行。
使用布局指令来:
对于所有类型的布局文件来说基础指令集是相同的。这篇文章描述这些基本指令;至于如何在特定布局文件类型中使用的细节,请参阅下一篇文章。
继续阅读主题继承使你可以轻松地扩展主题和减少维护工作。你可以使用现有的主题作为定制开发的基础,或者细微的店面设计更新,像节假日装饰。你可以添加重写和扩展文件,而不是复制原主题文件做修改。
主题继承的级别是不限定的。
主题继承是基于回退机制(保证如果一个视图文件没有在当前主题中被找到,系统就会在祖先主题,模型视图文件或者库中搜索)。 回退的顺序与静态文件(CSS,JavaScript,字体和图像),其它类型主题文件略有不同。本文描述每种主题文件的回退并提供如何重写祖先主题和模型设计的概念。
有关开发主题组件的全面信息,请参阅Magento2教程的后续章节。
继续阅读Magento2中用于前台的产品图片性能都被存储在view.xml
配置文件中。本文提供所有的可用性能细节及配置方法。
view.xml
通常位于主题的:
<theme_dir>/etc/view.xml
继续阅读本文描述如何将一个主题应用到你的商店,禁用缓存和添加一个与主题无关的logo。
当Magento系统缓存开启时,你必须每次都清理缓存来查看你的设计给前端带来的改变。为了避免这种情况,在更改设计的同时禁用某些系统缓存。你需要要这么做:
继续阅读