最近Magento 2.0是一个热门关键字。你为Magento 2.0升级你准备好知识了吗?让我们一起学习本指南中安装其alpha版本。
继续阅读如何安装Magento 2.0
创建magento2主题
创建一个主题
本文讨论如何创建一个主题,怎么为主题添加一个logo,如何定义图片尺寸。
文章内容
- 创建一个主题目录
- 声明你的主题
- 为你的主题写一个Composer包(可选)
- 添加registration.php
- 配置图片
- 创建静态文件目录
- 当前你主题的目录结构
- 声明主题logo
Magento2主题结构
Magento2主题结构
店面的主题通常位于app/design/frontend/<Vendor>(供应商)/
之下。虽然在技术上它们可以放在其它目录。例如Magento2的内置主题在vendor/magento/theme-frontend-<theme_code>
之下,这是因为Magento2的实例是从Composer部署的。
每个主题必须存储在单独的目录:
继续阅读在Magento2后台应用和配置一个主题
在Magento2后台应用和配置一个主题
本文描述如何将一个主题应用到你的商店,禁用缓存和添加一个与主题无关的logo。
禁用系统缓存
当Magento系统缓存开启时,你必须每次都清理缓存来查看你的设计给前端带来的改变。为了避免这种情况,在更改设计的同时禁用某些系统缓存。你需要要这么做:
继续阅读为Magento2主题配置图片性能
为Magento2主题配置图片性能
Magento2中用于前台的产品图片性能都被存储在view.xml
配置文件中。本文提供所有的可用性能细节及配置方法。
在view.xml中配置图片性能
view.xml
通常位于主题的:
<theme_dir>/etc/view.xml
继续阅读Magento2主题继承
本章内容
主题继承使你可以轻松地扩展主题和减少维护工作。你可以使用现有的主题作为定制开发的基础,或者细微的店面设计更新,像节假日装饰。你可以添加重写和扩展文件,而不是复制原主题文件做修改。
主题继承的级别是不限定的。
主题继承是基于回退机制(保证如果一个视图文件没有在当前主题中被找到,系统就会在祖先主题,模型视图文件或者库中搜索)。 回退的顺序与静态文件(CSS,JavaScript,字体和图像),其它类型主题文件略有不同。本文描述每种主题文件的回退并提供如何重写祖先主题和模型设计的概念。
有关开发主题组件的全面信息,请参阅Magento2教程的后续章节。
继续阅读Magento2定位模板,布局和样式
Magento2布局指令
本章内容
改变布局是Magento中自定义页面布局的两种方式之一(第二种方式是改变模板文件)。改变页面线框,修改页面布局文件;所有其它自定义的设置在页面配置或通过布局文件来执行。
使用布局指令来:
- 移动页面元素到另一个父元素
- 添加内容
- 删除页面元素
对于所有类型的布局文件来说基础指令集是相同的。这篇文章描述这些基本指令;至于如何在特定布局文件类型中使用的细节,请参阅下一篇文章。
继续阅读Magento2布局文件类型
本章内容
对于一个特定的页面,其布局主要被两个重要的布局组件定义:页面布局文件和页面配置文件。
一个页面布局文件定义页面线框,例如,一列布局。技术页面布局是.xml文件,定义html页面<body>
区域内的结构。页面布局功能只是容器。所有的页面布局声明应在页面布局声明文件中声明。
页面配置也是一个.xml文件。它定义详细的结构(页面头部,底部等),内容和页面元信息,包括使用的页面布局。页面配置功能包括主元素和块(尤其是类和容器)。
我们还区分了第三类布局文件,通用布局。它们是定义内容和HTML页面组成中<body>
区域详细结构的.xml文件。这些文件用于返回Ajax请求,电子邮件,HTML片段等页面。
本文给出了每种布局文件类型的详细描述。
继续阅读