大连仟亿科技
客服中心
  • 电话
  • 电话咨询:0411-39943997
  • 手机
  • 手机咨询:15840979770
    手机咨询:13889672791
网络营销 >更多
您现在的位置:仟亿科技 > 新闻中心 > 行业资讯

ecshop响应式模板

作者:billionnet 发布于:2015/7/21 18:27:18 点击量:

一套很棒的ecshop模板,采用HTML5+CSS3响应式网页设计,自适应 电脑  平板 手机 等多种终端!无需启用ecshop的WAP功能减轻了服务器的负担提高了ecshop的运行效率!兼容IE6以上的浏览器。

大量使用CSS3在很少使用图片的情况下也能有很好的细节处理,节约顾客的网络流量和加快载入速度,本模板所有代码文件和图片文件加起来大小1M左右,非常轻量、简便、运行快速,如果你也喜欢这种简洁的风格那么本模板可能是你很好的选择!
Dossy移动版

Dossy在小屏幕的移动设备上会自动调整为移动版,方便顾客的浏览。即使你使用其他的模板,

也可以使用Dossy搭建一个移动版的站点。

 

你可以使用支持html5的浏览器(Chrome/Opera/Firefox)查看网站,

或者浏览右侧的截图来了解移动版的表现。

ecshop手机模板样式

功能介绍

自动调整布局:根据设备屏幕的尺寸会自动切换三种布局设计。

大量使用CSS3:在很少使用图片的情况下也能有很好的细节处理,节约顾客的网络流量和加快载入速度。

使用HTML5:定义输入框的类型,可以让设备显示对应的按键布局,例如填写电话号码时弹出数字键盘。

桌面图标:ios设备下可以使用专门的图标把网站添加到屏幕上。

 

 

ECShop平板模板样式

 

免费ecshop响应式设计手机wap自适应dossy整站模板

 

ecshop电脑版样式

 

ecshop电脑版样式2

 

ecshop电脑版样式会员注册

 

ECShop 会员登录

 

ECShop个人中心

 

ECShop文章页面

 

ECShop购物车

 

ECShop在线支付

 

ECShop移动版介绍

 

ECShop移动版功能




本源码分别有单独模板包与演示整包,还有插件包。全网最齐全,配合最模板以前分享的微信插件等资源,够全面!
下载网址在论坛,新用户需购买邀请码才可下! 网址:    

 

ecshop响应式设计dossy整站安装说明:

一 、demo数据安装:

demo带演示数据和模板,直接上传到空间解压缩后安装,安装完成后进入后台:数据库管理-数据备份-恢复备份-导入里面的数据库备份2014.sql即可。

后台管理员:admin 密码:admin123


二、单独模板安装

安装步骤:

----------------------------------------------------------------------

一、上传压缩包内所有文件夹和文件覆盖到ECShop的根目录下。请注意,我们的模板和其他的模板不一样,不是上传到themes目录下,而是覆盖到ECShop的根目录下。

 

二、在后台选择此模板。

 

三、在“商店设置”→“显示设置”中设置:

时间格式 Y-m-d H:i

  缩略图的宽度 180 (如果想放大的图片不模糊,可以设置为234)

缩略图的高度 180 (如果想放大的图片不模糊,可以设置为234)

商品图片的宽度 480

商品图片的高度 480

商品分类页默认显示方式 表格显示

商品详情页相册图片数量 100

文章标题的长度 15

 

商品属性显示样式 单选按钮

    在“系统设置”→“验证码管理”中设置:

验证码图片宽度 64

验证码图片高度 29

 

四、在模板目录中的options.php有很多选项,请查看其中说明。

 

特别说明:

----------------------------------------------------------------------

一、网站Logo的尺寸为:高40px 宽150px

二、首页滚动广告图片的尺寸为:宽960px 高420px

三、商品相册请使用正方形的图片。

四、如果添加图片广告,请设置广告位的”广告位模板“为:

{foreach from=$ads item=ad}

{$ad}

{/foreach}


广告图片的尺寸为:宽960px

 

一般的图片广告在移动版下会隐藏,你可以专门添加一个针对移动版的广告位,请设置广告位的”广告位模板

移动版的广告图片尺寸为:宽320px

 

五、编辑文本文件(php,dwt,lbi,css,js等)推荐使用Notepad++(http://notepad-plus-plus.org/zh/)。

 

 

帮助文档

======================================================================

 

1.模板安装

 

一、上传所有文件到ECShop安装的根目录下。

 

二、在后台选择此模板。

 

三、更改网站的设置(带*号的为必须设置):

在“商店设置”→“显示设置”中

时间格式 Y-m-d H:i

货币格式* ¥%s

缩略图的宽度* 180

缩略图的高度* 180

商品图片的宽度* 480

商品图片的高度* 480

商品名称的长度 30

商品详情页相册图片数量* 100

文章标题的长度 15

购物车里显示商品方式 显示文字与图片

在“商店设置”→“商品显示设置”中

商品属性显示样式 单选按钮

在“系统设置”→“验证码管理”中

验证码图片宽度 64

验证码图片高度 29

 

四、在模板配置文件(模板目录中的options.php)中有很多选项,请查看其中说明后按需要修改。

 

 

2.图片相关

 

 

 

一、网站Logo的尺寸为:高10px 宽150px,命名为logo.gif,上传到/static/img/下,或者修改模板配置文件中的logo选项。

 

二、商品品牌Logo的尺寸为:宽180px 高60px。

 

三、商品相册请使用正方形的图片,例如1000px*1000px。

 

四、首页滚动广告图片的尺寸为:宽960px 高420px,在后台的“首页主广告管理”中管理。

 

五、如果要添加图片广告,请设置广告位的”广告位模板“为:

 

   

    {foreach from=$ads item=ad}

    {$ad}

    {/foreach}

   

 

普通广告图片的宽度为960px。

 

 

3.导航栏管理

 

 

Dossy使用分组导航栏插件,可以自定义导航栏的下拉菜单,目前支持主导航栏和顶部导航栏。

 

设置方法:

 

在“自定义导航栏”中编辑条目时,“排序”选项里的数字为个位数时(1-9),就会作为一级导航栏,而数字为两位数时(11-99),就会显示在第一个数字为排序的导航栏(如果有)的下拉菜单中。

 

例如排序为12或13或15的条目就会显示在排序为1的条目的下拉菜单中。

例如排序为51或56或59的条目就会显示在排序为5的条目的下拉菜单中。

 

但这并不意味一级导航栏就只能就九个,而是只能有九个分组,比如排序为2的条目可以有无限个,但不能作为分组。

 

 

 

4.风格设置

 

 

Dossy带有十几种风格,方便根据网站的商品种类选择不同的风格。也可以自己制作一个风格。

 

设置方法:

 

一、更改整体的风格:修改模板配置文件中的theme_style选项,改为'theme01'或'theme02'或'theme03'...'theme14'。

 

二、更改某个分类页面的风格:在后台编辑分类时,在“分类的样式表文件”中填写static/theme01/style.css或static/theme02/style.css或static/theme03/style.css...static/theme14/style.css。

 

制作一个新的风格:

 

一、在static目录下创建一个目录(例如mytheme),然后把你的背景图命名为bg.png放在这个目录下。

 

二、创建文件style.css,输入以下代码后保存:

 

    body{background:#ffffff url('bg.png') repeat left top;}

 

根据背景图的背景色更改ffffff为指定的颜色Hex值,如果你不了解可以不修改。

 

如果使用的是一张大的背景图,可以把代码改为:

 

    body{background:#ffffff url('bg.png') no-repeat center top;}

 

 

5.常见问题

 

 

在后台没看到这个模板可以选择?

请注意,我们的模板和其他的模板不一样,不是上传到themes目录下,而是覆盖到ECShop的根目录下。

 

前台有错误,有些地方显示{siy:等字样。

这也许是因为你新新的补丁还原了一些文件,请联系 客服来协助安装。

 

如果修改网站在iphone/ipad主屏幕上显示的图标?

你需要修改static/img/website_icon.png。

 

演示网站中的“裤脚可以卷边穿~露出里面的配色!”在哪里设置?

在编辑商品时填写“商品简单描述”。

 

分类页面的价格筛选和属性筛选如何设置?

在编辑分类信息时,有个“价格区间个数”的选项,填写5,程序就会按照当前分类中商品的最低价和最高价划分为5个区段提供顾客筛选。

 

 

 

模板默认仅支持简体中文,增加其他语言支持需要手动修改,以繁体zh_tw为例:

 

 

1.将static/js/目录下的lang.zh_cn.js文件复制一个改名为lang.zh_tw.js,翻译里面的内容为繁体;

 

2.将themes/dossy14030523/lang/目录下的zh_cn文件夹复制一份改名为zh_tw,翻译里面的文件的内容为繁体;

 




分享到:


评论加载中...
内容:
评论者: 验证码:
  

Copyright@ 2011-2017 版权所有:大连仟亿科技有限公司 辽ICP备11013762-1号   google网站地图   百度网站地图   网站地图

公司地址:大连市沙河口区中山路692号辰熙星海国际2215 客服电话:0411-39943997 QQ:2088827823 42286563

法律声明:未经许可,任何模仿本站模板、转载本站内容等行为者,本站保留追究其法律责任的权利! 隐私权政策声明