ECShop H5微商城
ECShop APP商城
ECshop4.0商业授权
ECShop源码全能套餐
ECMall全能套餐(含主机)
ECMall3.0功能定制
ECShop商城小程序
ECShop二开定制
ECShop授权套餐
ECShop装修市场
ECMall基础套餐(PC+H5)
ECMall3.0商业授权
返回列表 发帖

[共享] 仿淘宝商城模板修改方法发布,喜欢的进!(求加分)

本帖最后由 wudaoshop 于 2009-4-17 18:09 编辑

至从本人使用ECSHOP以来,就一直使用官方发布的仿淘宝商城模版,很喜欢这个风格,再进行了一些修改,发现很多网友比较喜欢修改后的版面,所以想共享一下相关修改方法,本人也是莱鸟边使用边学习的,高手们不要见笑,喜欢的就顶一下,不喜欢的别扔砖头哦!
本人工作比较忙,可能要分几次才能写完,请理解哈...

演示地址:http://www.wudaoshop.cn/

修改目录说明:
2楼:
(1)头部LOGO与导航间的上下间距修改方法:
(2)最新文章去除分类名称方法:
(3)如何添加带自动收缩功能的在线漂浮客服?(UTF-8版本或服务器不支持ASP功能可能无法显示)
3楼:
(1)首页商品缩略图大小修改,标题颜色修改;
(2)首页商品下如何增加“购买”“收藏”按钮。
(3)首页商品价格字体及颜色修改方法;
5楼:
(1)商品详情页的“尺码”“颜色”等修改方法;(演示:http://www.wudaoshop.cn/goods.php?id=74)
(2)商品详情页添加在线客服方法。
(3)网店广告位的添加(论坛有很多相关教程了)
温馨提示:修改有风险!请做好相应备份再做修改,以备出错后可还原!
更多修改方式会陆续推出!希望管理员能加分,谢谢!
1

评分人数

  • 晓天

ECShop下载                             ECShop4.0商业授权

本帖最后由 wudaoshop 于 2009-4-15 18:01 编辑

(1)头部LOGO与导航间的上下间距修改方法:
找到模板下文件:themes/模版名称/style.css,打开搜索:
#header .logo{width:200px; height:39px; padding:10px 0;}

padding:10px就是LOGO与导航中间空白的距离。可修改成自己想要的距离!我的为2px。
------------------------------------------------------------------------
(2)首页站内快讯或最新文章去除分类名称方法:
找到:themes/模版名称/library/new_articles.lbi,把下面这段代码删除即可:
[<a href="{$article.cat_url}">{$article.cat_name}</a>]
------------------------------------------------------------------------
(3)如何添加自动收缩功能的漂浮在线客服?
请进:http://bbs.ecshop.com/thread-81157-1-1.html

TOP

本帖最后由 wudaoshop 于 2009-4-26 15:02 编辑

(1)首页商品缩略图大小修改,标题颜色修改;
第一步:
模版名称/style.css
找到行:/*--- goods_grid ---*/修改以下代码中的100px为128px(显示5个商品/排)158px/160px(显示4个/排):
  .goods_grid .img{border:1px solid #E4E4E4; width:100px; height:100px;}
  .goods_grid .img img{width:100px; height:100px;}
以我的店为示例:
  .goods_grid .img{border:1px solid #E4E4E4; width:128px; height:128px;}
  .goods_grid .img img{width:128px; height:128px;}
第二步:
同样的/*--- goods_grid ---*/下面:
.goods_grid li{ width:106px; float:left; padding:11px 8px 9px;}
改为:
.goods_grid li{ width:128px; float:left; padding:11px 8px 9px;}

(备注:第二步中的128px和第一步修改的大小要一致)
第三步:修改商品标题颜色:
找到:模版名称/style.css:/*--- goods_grid ---*/    将:
  .goods_grid .img img{width:128px; height:128px;}
  .goods_grid .name{text-align:center; height:28px; padding-top:4px; overflow:hidden; line-height:14px; width:128px;}
改为:
  .goods_grid .img img{width:128px; height:128px;}
  .goods_grid .name a{color:#067BA8;}
  .goods_grid .name a:hover{color:#FF0000;}
  .goods_grid .name{text-align:center; height:28px; padding-top:4px; overflow:hidden; line-height:14px; width:128px;}
备注:#067BA8为当前显示颜色;#FF0000为超链接颜色

(2)首页商品下如何增加“购买”“收藏”按钮。
修改方法见本帖第二页的20楼

(3)首页商品价格字体及颜色修改方法
修改方法见本帖第二页的20楼
ECShop下载                             ECShop4.0商业授权

TOP

看版规,如果要发布模板请直接提供下载。
ECShop下载                             ECShop4.0商业授权

TOP

本帖最后由 wudaoshop 于 2009-4-15 18:20 编辑

(1)商品详情页的“尺码”“颜色”等修改方法;(演示:http://www.wudaoshop.cn/goods.php?id=74)
可参考:http://bbs.ecshop.com/thread-80468-1-1.html

(2)商品详情页添加在线客服方法。
请进:http://bbs.ecshop.com/thread-82058-1-1.html

(3)网店广告位的添加(论坛有很多相关教程了)

TOP

这么不发布??
ECShop下载                             ECShop4.0商业授权

TOP

HOHO 快发布~~~~~~~~~~~~
ECShop下载                             ECShop4.0商业授权

TOP

强人啊!!我修改看看

TOP

支持无私的人
ECShop下载                             ECShop4.0商业授权

TOP

楼上的我支持你啊 但我最想知道的是如何除新品  精品 热销外新增加的两个栏  国标舞蹈鞋  现代舞蹈鞋是如何加上去的,能请告知在下一下  就好了
zmd66557795 发表于 2009-4-15 19:22


您好!调用商品分类下显示在首页可以在模版设置里面调用(分类下商品)就可以了.

TOP

真不错,定一个留名

TOP

楼主,太强悍了,感谢分享经验,收藏了

TOP

稍后是多久??????

TOP

非常好 支持
ECShop下载                             ECShop4.0商业授权

TOP

什么时候放出啊啊!期待
ECShop下载                             ECShop4.0商业授权

TOP

返回列表