您的位置:首页 > 其它

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 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中重新定义模版的位置,则在对应位置建立文件即可
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: