magento如何编写自己的主题模版或修改原有模版?
2012-12-27 12:20
274 查看
注:所以操作在magento 1.7.2下通过。
在以下位置建立模版所需要的文件夹(我们以ebay为例子):
app\design\frontend\default\ebay
js\ebay
skin\frontend\default\ebay
大体的结构应该是这样的了。然后在后台启用这个模版。
我们以修改magento默认的header为例,先来一个效果图
更换logo图片放在skin\frontend\default\ebay\images\logo.gif (如果想改变logo图片的名称,请在后台design中设置)
我们调整了toplink和search的位置,这需要修改header.phtml和styles.css两个文件
复制这两具文件到对应的位置中修改调整,这里为(原来的文件位置对对应主题文件下的相应位置)
skin\frontend\default\ebay\css\styles.css
app\design\frontend\default\ebay\template\page\html\header.phtml
这里的search栏中我增加了一个下拉菜单选项,可以通过修改form.mini.phtml文件,复制到以下位置:
app\design\frontend\default\ebay\template\catalogsearch\form.mini.phtml
在合适的位置增加代码即可
我在topmenu中增加了一个static block作为导航栏中的一个选项,这里为Test
我们先在后台cms/statics blocks中增加一个名为nav_block1的block
我们需要修改page.xml和topmenu.phtml这两个文件,复制到以下位置
app\design\frontend\default\ebay\template\page\html\topmenu.phtml
app\design\frontend\default\ebay\layout\page.xml
在page.xml中找到
修改为以下代码
block_id为在后台新建立的block的唯一识别id
修改后还需要修改topmenu.phtml,才能显示这个静态block
再作一些细微的调整应该就差不多了
总结:
修改模版时需要修改哪个页面,则复制对应的文件到对应的位置中作出修改,当然如果在xml中重新定义模版的位置,则在对应位置建立文件即可
在以下位置建立模版所需要的文件夹(我们以ebay为例子):
app\design\frontend\default\ebay
js\ebay
skin\frontend\default\ebay
大体的结构应该是这样的了。然后在后台启用这个模版。
我们以修改magento默认的header为例,先来一个效果图
更换logo图片放在skin\frontend\default\ebay\images\logo.gif (如果想改变logo图片的名称,请在后台design中设置)
我们调整了toplink和search的位置,这需要修改header.phtml和styles.css两个文件
复制这两具文件到对应的位置中修改调整,这里为(原来的文件位置对对应主题文件下的相应位置)
skin\frontend\default\ebay\css\styles.css
app\design\frontend\default\ebay\template\page\html\header.phtml
这里的search栏中我增加了一个下拉菜单选项,可以通过修改form.mini.phtml文件,复制到以下位置:
app\design\frontend\default\ebay\template\catalogsearch\form.mini.phtml
在合适的位置增加代码即可
我在topmenu中增加了一个static block作为导航栏中的一个选项,这里为Test
我们先在后台cms/statics blocks中增加一个名为nav_block1的block
我们需要修改page.xml和topmenu.phtml这两个文件,复制到以下位置
app\design\frontend\default\ebay\template\page\html\topmenu.phtml
app\design\frontend\default\ebay\layout\page.xml
在page.xml中找到
<block type="page/html_topmenu" name="catalog.topnav" template="page/html/topmenu.phtml" />
修改为以下代码
<block type="page/html_topmenu" name="catalog.topnav" template="page/html/topmenu.phtml"> <block type="cms/block" name="nav_block1"> <action method="setBlockId"><block_id>nav_block1</block_id></action> </block> </block>
block_id为在后台新建立的block的唯一识别id
修改后还需要修改topmenu.phtml,才能显示这个静态block
<?php $_menu = $this->getHtml('level-top') ?> <?php if($_menu): ?> <div class="nav-container"> <ul id="nav"> <?php echo $_menu ?> <?php if($block1 = $this->getChildHtml('nav_block1')): ?> <li class="level0"> <?php echo $block1; ?> </li> <?php endif;?> </ul> </div> <?php endif ?>
再作一些细微的调整应该就差不多了
总结:
修改模版时需要修改哪个页面,则复制对应的文件到对应的位置中作出修改,当然如果在xml中重新定义模版的位置,则在对应位置建立文件即可
相关文章推荐
- 如何修改python IDLE代码及语法主题 配色——拷贝的是别人喜欢的,来学会调试自己喜欢的颜色吧
- Linux如何修改CodeBlocks主题
- dedecsm系统(企业简介)类单栏目模版如何修改和调用整理
- 自己编写的linux shell (修改)
- 如何编写一个修改数值参数的方法
- Endnote X6 如何修改输出格式(output style)成为自己想要的输出格式:
- 如何用Delphi编写自己的可视化控件
- 如何编写自己的cmdlet
- 如何自己编写Makefile
- 修改Magento se105模版 Latest Product等模块的默认图片及外框大小
- 如何编写自己的缓冲区溢出利用程序? (zz)
- R语言中如何编写自己的函数初步入门
- 教程 | 如何在Ethereum上编写自己的CryptoKitties风格的游戏
- 学习Ajax框架之dojo:第十三节——如何编写自己的dojo widget
- 如何修改 eclipse 主题
- IntelJIdea 如何修改控制台字体大小和主题
- 如何修改TOMCAT的默认主页为你自己…
- 如何修改magento订单长度
- 我们应如何修改MFC窗口标题来符合自己的要求?