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

wudaoshop

至从本人使用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)网店广告位的添加(论坛有很多相关教程了)
温馨提示：修改有风险！请做好相应备份再做修改，以备出错后可还原！
更多修改方式会陆续推出！希望管理员能加分,谢谢！

wudaoshop

（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

wudaoshop

(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楼

roovy

看版规，如果要发布模板请直接提供下载。

wudaoshop

(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)网店广告位的添加(论坛有很多相关教程了)

infofly

这么不发布？？

寻觅

HOHO 快发布~~~~~~~~~~~~

wsooe

强人啊！！我修改看看

wsooe

支持无私的人

wudaoshop

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

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

bendise

真不错,定一个留名

jxgfxzk

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

寻觅

稍后是多久？？？？？？

abcnic1

非常好 支持

wsooe

什么时候放出啊啊！期待