注:所以操作在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 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中重新定义模版的位置,则在对应位置建立文件即可