magento如何编写自己的主题模版或修改原有模版?

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




  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值