ECSHOP模板头部修改

今天开始从头部进行修改，头部的话针对的是所有的页面，你可以把头部做成一个公用文件，不过由于调用的JS和一些样式的不同也可以分开来做，如果要做成公共头文件的话，要把所有页面都会调用的JS和CSS加载上，不过东西也不多的，下面我就做成一个公共文件来用。

先讲一下每个页面的关键字：{$keywords}，这是使用的smarty模板变量用来输出。“{}”是用来规定标签的开始与结束位置，有些类似于PHP中的“”，原理是一样的，中间的变量$keywords是从后台PHP文件中传输过来的变量，里面存储有值，{$keywords}就是把里面的值进行输出，由于{$keywords}和{$page_title}（页面标题的输出，在title标签间输出）是包含在head标签中的，所以我们可以不用动它们，不必把它们写进公共头文件。在head 标签中还有一个{insert_scripts files=','}，它是用来调用JS文件的，如所见，它调用了,两个JS文件，head内的我们都不做为公共头文件，不过一会在公共头文件中我们会用到这个调用JS的方式，把所有要用到的JS文件调用进来。

首先新建一个公共头文件与其它*.dwt文件放一起，在第一行我们调用所有的JS文件：{insert_scripts files=',,auto_,,,,,,shopping_,,,,,'}

JS文件很多，但不是每个页面都会用到所有的JS文件，或都有的页面已经在head中调用了一些需要使用的JS文件，有与我们写的JS文件重复的，没有关系，我们只是为了做一个公共文件，不用在每个页面都单独再去调用，有重复不会有任何影响。

下来我们来确定一下的字符集设置：

我使用的是gbk字符集，如果你使用的是utf-8的话，就要把字符集进行相应设置。

下面是一段JS代码：

设置它是为了防止有些页面调用JS页面时出现加载错误而无法正常运行程序。

下面是对LOGO图片的设置：

这些代码是从page_文件中拷贝出来的，因为我当时做头文件的时候写原来默认页面差距很大，所以我就从它原来的基础上来讲，可能大家更容易接受。如果你想换LOGO，那只要把相应的图片换掉就可以了，下面是欢迎词与登陆注册按钮：

• {insert_scripts files=','}

  {* ECSHOP 提醒您：根据用户id来调用member_显示不同的界面*}{insert name='member_info'}

{insert name='member_info'} 输出欢迎词与登陆注册按钮，如果你想改变样式的话可以把它删掉，然后自己做样式，如：

• 欢迎光临爱折网 

   

  

这是我在自己用的页面上修改的，你也可以有别的修改。下面是输出导航栏定义在顶部的部分：

• target="_blank" >{$}

  |

{if $navigator_}是if判断的开始，{/if}为结束，意思是，如果$navigator_值不为空，也就是说有定义在顶部输出的导航内容，{foreach name=nav_top_list from=$navigator_ item=nav}为一个循环，输出所有定义里的导航内容，{/foreach}为结束，中间为循环内容，你可以在里面进行修改，修改成你想要的样式。不过一般顶部导航不会用到，毕竟正常的导航一般是在头文件中间部分，这样即美观又容易定义。如果你不想要顶部导航可以把if判断所包含内容删除掉。接下来是正常导航输出，也是ECSHOP默认输出形式：

{$}

{$}

跟上面一样，{$}这个是输出首页定义，如果没有修改，它输出的是首页两个字，你可以根据实际需要进行修改，在后台进行设置就可以了。如果要修改样式你可以在这里进行修改，因为如果修改样式表里的对应样式，会导致其它调用样式的div块也会发生变化，所以最好在dwt文件中修改成你想要做的样式，直接在div上的style里写上就可以。如果你修改了样式，你会发现，点击相应页面总会出现对应导航的字有背景，而且比其它字向下走了，原因就在于{if $ eq 1} class="cur"{/if}，它设置了，如果你点击导航会对应的出现.cur样式，你可以把它删除掉，并把它修改成你想要的样式就可以了。最后是搜索：