21
2010

Shopex4.85模板教程-模板文件详解

接下来我们继续来看下purple(紫气东来)文件夹。

打开文件夹。看到3个文件夹和2个XML文件和若干html文件。xml配置文件已经在前2天说过了,如果还有朋友不知道的话,可以看下。

Shopex4.85模板教程-模板XML文件(theme.xml与info.xml)详解

接下说下3个文件夹,block文件夹,放着公共的部分的html模板,比如一个网站的头部,紫气东来模板里为header.html和底部信息footer.html,由于所有页面都调用这2个文件,所以独立出来。方便调用。

我们可以使用编辑器打开下header.html文件,在<head></head>标记内有个<{header}> ,切忌所有头部调用这个标记,他包含了一系列的Javascript,mootools框架。如果没有调用,会出现很多问题,购物车肯定是加不进了。切忌。

还要在<head></head>内调用自己的css,建议写相对路径。

当然底部文件footer.html 中也要有<{footer}>标记,包含着shopex的版权。去版权可是官方收费的,如果不放<{footer}>,页面肯定出问题。这是毫无疑问的。

然后看下borders文件夹,放着是挂件的边框样式(挂件会以后详细讲一下),挂件的边框样式有什么作用呢?就是后台添加挂件的时候可以选择不同样式,比如添加多个相似挂件时候,风格类似,写框架可以节约很多时间。不过我不习惯写,呵呵。

images文件夹放着模板所用图片,css,javascript文件。调用的时候写相对路径就OK了。

除了3个文件夹还有很多的html文件。这些就是所说的页面模板。index.html就是首页模板,当然shopex4.85可以给首页起不同的名字。shopex4.85可以给所有页面起不同的名字,例如列表页,商品详细页都可以有很多个页面。

在后台新建立个列表页,名字可以随便起,然后就可以在文件夹中发现你新建的一个.html文件了。就是你刚才新建的文件。用编辑器打开,一般顶部和尾部会有调用头部信息和底部信息的代码。

<{require file=”block/header.html”}>和<{require file=”block/footer.html”}>

这样就调用到了公共头部和底部。4.85可以建立非常多的页面进行调整模板。

首页-index.html

商品列表页-gallery.html

商品详细页-product.html

商品评论/咨询页-comment.html

文章列表页-artical.html

赠品页-gift.html

捆绑商品页-package.html

品牌列表页-brandlist.html

品牌展示页-cart.html

购物车页-search.html

高级搜索页-passport.html

注册/登录页-passport.html

会员中心页-member.html

站点栏目单独页-page.html

订单详细页-order_detail.html

默认页-default.html

订单确认页-order_index.html

每个页面可以定义多个页面用来备份。4.85还有分类可以绑定不同的列表页和商品详细页。功能以后再提。


觉得文章不错,请分享给你的朋友:

更多



7 Comments + Add Comment

  • 收获不少呀..谢谢!

  • 支持!!很适合新手学啊

  • [...] Shopex4.85模板教程-模板文件详解 [...]

  • 呵呵,谢谢,今天找到有用的信息了!

  • 这个教程很好啊。

  • 学习了一点,但是跟没学一样,呵呵

  • 写得很好,非常有用,学习了,谢谢无私讲解!祝生意兴隆!

留下你的小脚印


博主简介

由于shopex模板教程比较少,于是我打造出一个个人用于shopex模板教程的网站,希望一些制作shopex模板的朋友碰到困难可以在博客留言,我会尽力回答,个人曾做过不少于30套各种各样的shopex模板,主要是定制系列高难度模板。有比较丰富的经验。
如果想做好shopex模板
1.相信自己一定能成功。
2.努力做到最好。
3.坚持,持之以恒。
联系QQ:点击这里给我发消息 (工作QQ,如果想购买模板或者定制可以找我)
发送邮件:

博主推荐

给力评论