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中找到


修改为以下代码


                        
                            nav_block1
                        
                    

block_id为在后台新建立的block的唯一识别id

修改后还需要修改topmenu.phtml,才能显示这个静态block

getHtml('level-top') ?>



再作一些细微的调整应该就差不多了



总结:

修改模版时需要修改哪个页面,则复制对应的文件到对应的位置中作出修改,当然如果在xml中重新定义模版的位置,则在对应位置建立文件即可




你可能感兴趣的:(magento)