第一步:关闭系统缓存(Disable your system cache)
为了让Magento系统执行一个完整的过程,需要在后台先禁用系统缓存(http://yourhost.com/admin)和System -> Cache Management。在All Cache中选择Disable,然后点击保存。这样做将确保您可以在网店中看到实时更改的反映。
第二步:确定你网店可能使用的所有结构类型
甚至在你开始创建的商店的标记之前,您首先需要问一下自己要为你的网店的每个页面结构定义好一个页面类型。你自己可能会列一个类似于下面的清单:
• 主页将使用三栏结构three column structure。
• 分类列表页面使用两栏结构并带一个有侧栏two column structure that includes a right column。
• 客户页面使用两栏结构并带一个左侧栏two column structure that includes a left column.
骨架模板(Skeleton template)
当你完成了这个清单之后,你会为每个结构类型建立(X)HTML并在app/design/frontend/your_interface/your_theme/template/page/下 保存这些骨架模板。一个骨架模板就是包含一个页面的总体结构(除的块),是为每个结块区块定义好了总体结构。
骨架模板例子:
浏览上面的简单骨架模板,你会注意到每个表现的标记中有一个PHP方法getChildHtml()?>
。这就是 Magento将结构区块加载到骨架模板中的方法,并且决定了内容区块在商店页面中的显示位置。
每个getChildHtml都会调用一个名称<div
class="header"><?=$this->getChildHtml('
header')?></div>
, 这些名称是在布局中结 构区块的唯一标识。骨架模板通过布 局应用到商店中。
第三步: 根据功能性修剪你的(X)HTML
一旦您建立您的骨架模板,您现在需要创建的模板每个内容块。
Magento喜欢有意义模板
您将需要削减你的页面的(X)HTML标记,并根据每个标记为页面提供功能。举例来说,如果你有mini-cart区的设计,此区域的标记将有用于 这个区域的自己的模板文件。同时产品标签,newsletter,注册等...所有这些功能Magento都已经配备了,因此您可以参考现有的模板标记来 建立您的标记逻辑。
哪里保存模板
图 5
商店中的每个页面的所有标记(包含一系列的模板)都是表示一个模块的功能。当你想修改一个页面调用的模板,可以他开Template
Path提示。要打开这个功能,按下面操作:
1. 进入后台,到System ->
Configuration
2. 在右上角的Website/Store选择器中选择你的商店
3. 然后选择左侧栏的Developer标签,并在Template Path Hints中选择Yes
当您完成后,回到商店前台,重新加载您的网页,您将会看到所有模板块的路径。要更改标记的话,根据显示的路径找到并修改 响应的模板。
第四步:改变布局以适应你的设计
一旦您修改一些标记,你可能想移动一下这些模板看看这些模板修改的效果是什么样的。
如何找到布局文件
要访问布局文件,可以在app/design/frontend/your_interface/your_theme/layout/
找 到。就像模板文件一样, 布局文件也是基于每个模块的方式存储的,这样你就可以方便的按模板提示来进行修改。首先,激活模板提示,刷新要修改的页面,找寻模板提示的模板路径。比如 你想移动mini cart,参考模板路径(例如:app/design/frontend/default/default/
checkout/cart/sidebar.phtml
), 用主题文件夹里第一个文件夹名(字体加重的那个)来寻找相关布局文件。在这个例子里,我们要寻找'checkout.xml' 来修改mini cart的位置。
默认布局(Default Layout)和布局更新(Layout Updates)
一共有两种布局:默认(default)和更新(updates)。一个默认布局(例如page.xml)是默认应用到网店每个页面的布局。所有其 他的布局文件都是更新布局,也就是在默认布局基础上进行响应的更新布局。
让我们举例说明一下骨架模板(skeleton
template):
在默认布局里,你已经设置为三栏结构,就是说,默认几乎所有的页面都是三栏结构。但是在产品页面并不需要三栏,对产品页面来说,你需要一个包括右侧栏的两 栏结构布局。为了实现这一点,你不用理默认布局,只要打开catalog.xml文件,你可以在里面修改一些你要实现包含右侧栏的两栏布局命令。这就是所 谓更新了一个布局(updating a layout)。
<reference name="root">
<action method="setTemplate"><template>page/2columns-right.phtml</template></action>
</reference>
<!--[if !supportLineBreakNewLine]-->
<!--[endif]-->
让我们看看另外一个例子:
默认情况下,你想订阅newsletter区块显示在有侧栏,但在客户的帐户页面不显示它。在这种情况下,你可以需要打开customer.xml
文件,在里面你可以删除了newsletter内容区块,这就让此页面不包括此newsletter功能。
布局介绍(Intro to
Layouts)
布局(Layout),由其组建的表现形式来说很容易让你以为要使用它你首先必须学习广泛的编程逻辑知识。但是事实上,布局只是由一些很容易学习的XML 标记组成的。通过学习一些关键的概念和布局的命令,你很快就会建立了相关的信心和知识,以方便地为你的店铺设计结构。
图1:
<!--[if !supportLineBreakNewLine]-->
<!--[endif]-->
- 大小: 36.7 KB
- 大小: 11.2 KB
- 大小: 45 KB
分享到:
相关推荐
magento转移服务器magento建立多站点总结
支持在一个后台上生成和管理多个网店甚至网站,多个网店和网站可共享信息。 3.设计 在设计上,包含相当全面,以模块化架构体系,让应用组合变得相当灵活,功能也相当丰富。 4.应用 其面向企业级应用,可处理更...
BUYSHOPMagento主题,兼容Magento 1.7.0.x ,自适应Retina 屏购物主题。这个主题可以根据不同的需求进行不同的设置变更,4 个预定义的的布局,多种幻灯片,强大的管理面板,时尚的设计,列表多图展示! BUYSHOP ...
非常漂亮的magento主题,该magento主题模板漂亮、美观,较适合做电器类网站。由kivin提供免费下载。注:欢迎到http://topmagento.com/ magento技术博客交流。那里还有几款漂亮的magento模板供大家免费下载。
magento转移服务器magento建立多站点总结.pdf
这是国外一个开源的经典软件。另外上面附带了个人对这个开源的详细说明
该magento主题模板掺杂流行元素,清爽、美观,较适合做服装类网站。由kivin提供免费下载。注:欢迎到http://topmagento.com/ magento技术博客交流。那里还有几款漂亮的magento模板供大家免费下载。
magento sns-nova 模板 多种颜色主题
magento用户中文操作手册,学习magento后台管理
此文当是magento 后台操作文档,希望可以帮助大家更好使用电子商务的利器magento
如何制作属于自己的Magento主题,包含结构区块,内容区块,布局,模板等的解释和说明
最快的Magento 2和Magento 1主题设计为所有移动设备提供智能和良好的用户体验设计。 此外,最快的Magento 2和Magento 1主题为您提供了选择完全响应的网站或移动设备的移动优化主题的能力。最快的响应式网页设计使您...
zencart 数据迁移到magento 数据库操作
Magento是全球最著名的PHP开源电子商务系统,其专业性是其他开源网店无法比拟的,最关键的是它开放了所有源代码,你可以基于Magento进行二次开发定制自己想要的功能。用户可以利用Magento来搭建属于自己的电子商务...
Gala Gift Shop Magento主题,兼容Magento 1.8.x, 1.7.x ,特点:完全自适应(响应式布局),强大主题设置,拖拽Mega菜单搭建,Revolution 幻灯片,产品鼠标经过图像,Ajax 添加到购物车,自定义产品标签,自定义...
1. 首先,去官网语言包下载: http://www.magentocommerce.com/translations 下载中文包解压缩到Magento目录下,它复制到两个目录: 一个是app\design\frontend\default\default\locale,另一个是app\locale.
Magento是一款新的、专业的、开放源代码的电子商务解决方案,它提供前所未有的灵活性和可控制性。有了Magento,在你开展电子商务业务的时候就不会觉得很困难了。Magento 的特色1 容易整合Magento 让整合第三方厂商...
Magento13ThemeDesign.pdf [Packt]出品,最早的Magento主题/皮肤开发权威指南,原书地址:http://www.amazon.com/exec/obidos/ASIN/1847196640/pageturners0c
Athlete Magento主题,兼容Magento 1.9.x, 1.8.x, 1.7.x ,特点:完全自适应(响应式布局),自定义子主题,无限颜色,完全自定义,一键安装演示,小工具化横幅系统,颜色选择,MEGA菜单,多商店支持,自定义产品...
MAGENTO 蓝色主题模板适合版本1.4.1-1.6.1