文档库

最新最全的文档下载
当前位置:文档库 > 3-管理Magento主题

3-管理Magento主题

3-管理Magento主题

Posted 星期五, 05/22/2009 - 17:39 by Kevin Von

在这章我们将详细讲述如何管理及制作Magento模板主题:

Magento主题的特点

?新建Magento主题

?多主题入门(Say Hello to Multiple Themes)

?主题的层次(Hierarchy of Themes)

3-管理Magento主题

Posted 星期五, 05/22/2009 - 17:41 by Kevin Von

?主题‘(Theme)这个词你可能比较熟悉了。无论是作为使用者,设计者,或两者都是,在很多Web应用程序中都会有主题这个选项。主题基本上两种类型的用户:首先,使用者型,在流浪商店时的美观和实用性的角度体验;第二,设计者型,就是参与主题的设计和建设的设计人员。

对于第一种用户类型,一家网店的用户体验就是能够很好的满足浏览者的视觉需求和购买需求。第二种用户类型作为创作者,最好是能够很有效率的建立一个新的网店主题。我们承认,这两个用户类型都影响到商店的最后利润,因此,即使是用户体验都不可以忽视的。

因为我们知道,作为设计师你已经设计好了漂亮的图形页面素材(为使用者服务),在这里我们只希望能够帮组你建立一个强大的主题管理功能,以最大限度地提高您的工作效率,并让你的创意到一个新的层次。下面列出的一些要点,我们认为肯定让你满意:

1.最大化定制能力(Maximum customization power)

通过Magento你可以在分类页面和产品页面的级别来更改页面的外观和风格,这样可以让你的网店更多样化,从而给您更强大的市场营销和促销的能力。以前是否想象过为网店的每个产品都定制独特的页面?通过Magento,你可以轻松地实现这一点,而且Magento提供了快捷的方来来自定义每个分类和每个产品的页面。

2.多主题支持(Mul tiple themes)

Magento可以让您一次加载多个主题,允许你在默认店铺设计和临时(季节性销售等)设计间切换—这些操作都是非常简单。

3.不间断地工作(Uninterrupted workflow)

通过Magento的完全面向对象的程序设计,所有模块都可以通过模板中的标签立即使用。而且因为Magento的功能丰富,你不必依赖程序员来为你完成简单的工作。Magento的社区成员不断成长(包括Magento的官方团体),在里面你可以找到很多的应用知识,而不用你自己摸索。

4.最小化调试时间(Minimize debugging time)

设计师通常会在检查工具发现错误时花费宝贵的时间检查。校验工具可能告诉你什么是错的,但是

他从来不告诉你错误发生在哪里。Magento的模块化的机制使得每个模板都最小化 (X)HTML的数量,减少的数量意味着更容易发现错误所在,这样你就可以把精力更多放在真正最重要的地方。

真的,Magento提供最好的地方就是它提供的灵活性,在你为网店前台定制精彩的主题时而无需顾虑太多东西。天空才是Magento的极限,尽量发挥你的想象,创造一个属于你自己的网店吧。

3-管理Magento主题

Posted 星期五, 05/22/2009 - 17:43 by Kevin Von

让我们首先介绍主题的相关一些目录。打开Magento根目录下面的目录:

?目录1:app/design/frontend/default/default/—此目录包含布局(layout),翻译(本地)和模板文件。

?目录2:skin/frontend/default/default/—此目录包含图片、CSS和Javascript文件。当建立主题时,这两个目录就是文件的工作目录。

正如您可能已经注意到,我们已经将主题文件分为两部分。分开的文件可以让你的网店更加安全,Magento 在设计时也已经在程序的每个地方提供最高的安全性。

让我们继续产品这两个目录。

乍一看您会发现在两个目录中的目录的名称―defaul t/default‖:

?目录1:app/design/frontend/default/default/

?目录2:skin/frontend/default/default/

在这两种情况下,*表示界面(Interface)的名称,并*表示主题(Theme)的名称。所以,如果你在建立一个界面―my_interface‖下的主题―my_theme‖,你的工作目录将是

?app/design/frontend/my_interface/my_theme/‘。

你可以在你的界面下保存多个主题,在编写本手册时,你的网店只能加载默认主题和一个另外的主题(注:Magento的最新版本已经可以加载多个主题)。要了解Magento是如何一次加载多个主题的,可以阅读主

3-管理Magento主题

图1

3-管理Magento主题

当创建一个新的非默认主题,则不需要复制任何现有的默认主题目录。最有可能的是你只要改变一些特定的文件,因此只需要复制一些需要修改的文件作为起点。有一个规则你一定要切记并遵循,你必须保持Magento的主题文件目录结构。例如,如果所有非默认主题在catalogo模块下都有一个文件叫?home.phtml‘,在app/design/frontend/your_interface/your_non_default_theme/目录下你将需要创建一个子目录叫?template/catalog ‘存放该文件。当你打开一个默认Magento主题目录(图1),可以看到目录结构—请确保新的主题有同样的结构。

3-管理Magento主题

3-管理Magento主题

?

要管理管理站点级别的设计 , 从下拉框中选择站点的名字,然后按照下面步骤操作。 ?

要管理管理Store view 级别的设计 , 从下拉框中选择Store View 的名字,然后按照下面步骤操

作。 步骤 1

在Design 选项卡上,在Current package name 中输入的新主题所属的界面(interface )名称。如果留空Magento 会自动设成?default‘。

步骤2

在Default(在主题标题下面)中,输入商店要加载的此新主题的名称。如果您将此框留空,Magento会自动加载的?default‘主题(请记住,不管你在此Design中如何配置,Magento都将自动装载名字叫?defaul t‘的主题。如果你在后台指定另外一个主题,那么它将优先被装载,但是?default‘的主题仍然被一同装载。在将来版本中这个策略可能被改变, 不管怎样,目标都是让你能完全控制装载到店铺的主题)。你可以分别装载主题的文件类型(布局,模板,皮肤或翻译文件),相应处输入主题的名称。

步骤3

当完成时,点击Save Config按钮,然后刷新网站—Yeah!现在你可以在前台看到新的主题了。

现在我们已经知道如何创建和管理主题了,下面让我们学习Magento是如何处理这些主题的。

3-管理Magento主题

Posted 星期五, 05/22/2009 - 17:45 by Kevin Von

注意:无限容量的主题将成为可与即将发布。虽然在编写本手册时时只有两个主题可以加载一次的运作幕后保持不变,您将受益于这一文件。

假期常常是网店增加销售的好机会—客户排队为他们的家人和朋友购买圣诞礼物,妈妈排队为他们的孩子买万圣节服装。为了鼓励顾客光顾你的店铺,你必须仔细调整店铺设计以适应季节性要求。像图3所示的店铺没有在圣诞节气氛–其实这时的网店可能就需要一点点红色添加吸气,一点雪花和圣诞老人的形象–如图4做的就比较好!

3-管理Magento主题

3-管理Magento主题

通过Magento你可以为商店处理多个主题的能力,以便在不同的时候使用。在店铺载入多个主题,你可以在平常使用普通的店面设计,在圣诞时就可以使用圣诞主题。

通过对上面的两个设计的仔细查看,您会发现他们有相似的基本设计。虽然图4是圣诞主题,但是还可以看到是普通主题的页面结构作为基础。两者之间唯一真正有区别的是设计方面的,仅仅可能包括少数几个CSS和图像文件和稍微改变的模板文件。由于实际上变化是轻微的,你不需要一个全新的默认主题来适应您的圣诞主题。您所需要的仅仅是替换几个文件,让你的商店更加好更加有趣。Magento的多个主题功能正是为此需要建立的,你只需要点击一下季节性主题的开关就可以实现改变,同时也可以维护您的默认主题。

Magento处理装载多个主题指派所谓层次的主题仅仅是一个过程取消了多余的文件加载只有那些居住在hierarchy.The最高层次是由您在管理的设计和配置选项卡你有能力这样做因此将成为功能齐全即将稳定

的版本。在撰写本文时,该等级的主题是已经决定的你,作为Magento加载的默认'主题在系统第一次(将它放在最低等级),然后载入中的第二个主题您指定在管理(将其置于在最高等级)。

Magento通过主题被指定的层次(Hierarchy)来处理装载的多个主题,这仅仅是一个取消在高层次的主题中已经存在的文件的多余的文件加载。层次可以在后台的Design标签中指定。在撰写本文时,主题的层次已经决定,Magento首先加载?default‘主题(将它放在最低层次),然后载入你在后台中指定的第二个主题(将其置于在最高层次)。

3-管理Magento主题

3-管理Magento主题

3-管理Magento主题

3-管理Magento主题

3-管理Magento主题

3-管理Magento主题

3-管理Magento主题

3-管理Magento主题