页面载入中...
首页 » Tag ‘4.85’

Shopex4.85模板教程-制作一个首页-实例(一)

现在我们做一个简单的shopex首页模板。

现在使用一个简便方法来快速的制作一个模板,在themes文件夹下新建一个文件夹,起名为test。复制purple(紫气东来)模板下的所有文件,然后黏贴到test文件夹下,这样文件架构基本都完成了,打开test/images,删除所有文件。

接下来修改配置文件。用编辑器打开info.xml,themes.xml文件,修改必要的<name>标记(随便起个名字),<id>为test,可以删除<borders>下的边框配置,放着也没什么大问题,删除themes.xml中<widgets>下的标记。<widgets>下的东西是挂件的添加位置和内容,由系统自动生成的,不需要手动配置。

然后打开block/header.html文件。首先要确保你的<head></head>标记内含有<{header}>,非常重要。然后在<body>标记下编写头部HTML,一般头部要添加如下的挂件(商店LOGO,商品搜索,会员注册/登录,商店导航菜单,购物车),给他们预留位置。但是布局一定要完成。

我们来看下简单的布局架构(点击放大)

添加不同的挂件位,并且含有不同的id属性

商店LOGO <{widgets id=”logo”}>

会员注册/登录 <{widgets id=”member”}>

商品搜索 <{widgets id=”search”}>

购物车 <{widgets id=”cart”}>

商店导航菜单<{widgets id=”menu”}>

这个时候可以去后台添加相应的挂件位,不过最好是修改底部footer.html以后才去添加。

附上后台添加的挂件路径

商店LOGO——系统相关>商店LOGO

会员注册/登录——系统相关>会员注册/登录

商品搜索——系统相关>商品搜索

购物车——系统相关>购物车

商店导航菜单——导航相关>商店导航菜单

原创Shopex4.84,4.85免费模板-橘色时尚

原创Shopex免费模板系列-橘色时尚

4.84,4.85通用模板。主流浏览器兼容,IE6,IE7,FF兼容。

采用DIV+CSS布局,语义化HTML架构。对SEO更加有利。

Shopex免费模板

Shopex免费模板

模板完全免费,没有广告,没有黑链,没有木马。

请勿使用本免费模板进行包装等修改然后贩卖。(原创模板,盗版必究)

如果一定要付款,当然这个世界上很少有那么好的好人,HOHO,可以付款致支付宝账号: baille@sina.com(千万别超过10元,因为大家挣钱都不容易撒)

下载地址:http://www.shopex365.com/file/Pink-ShopEx4.8.tgz