仿淘宝商城模板修改方法发布,喜欢的进!(求加分)
2016-07-07 16:04 来源:www.chinab4c.com 作者:ecshop专家
至从本人使用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)头部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 |
(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楼 |
看版规,如果要发布模板请直接提供下载。 |
(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)网店广告位的添加(论坛有很多相关教程了) |
这么不发布?? |
HOHO 快发布~~~~~~~~~~~~ |
强人啊!!我修改看看 |
支持无私的人 |
楼上的我支持你啊 但我最想知道的是如何除新品精品 热销外新增加的两个栏国标舞蹈鞋现代舞蹈鞋是如何加上去的,能请告知在下一下就好了 您好!调用商品分类下显示在首页可以在模版设置里面调用(分类下商品)就可以了. |
真不错,定一个留名 |
楼主,太强悍了,感谢分享经验,收藏了 |
稍后是多久?????? |
非常好 支持 |
什么时候放出啊啊!期待 |
最近更新
常用插件
- ecshop注册审核插件
ecshop插件介绍:ecshop会员注册审核插件,主要是在前台提供给注册的时候...
- ecshop虚拟发货插件
ecshop虚拟发货插件介绍: ecshop虚拟发货插件,主要为了通过后台手动录...
- ecshop订单聚合插件
ecshop订单聚合插件,主要是为了方便ecshop中订单产品到货情况的分析和...
- ecshop没登陆情况下订单查
ecshop没登陆情况下订单查询插件,主要是针对ecshop在没有登陆的情况下...
- ecshop的oss插件
ecshop的oss插件免费共享了,oss,ecshoposs...
ecshop热门问答
ecshop热门资料
ecshop元素
ecshop文章列表
ecshopTOP10
ecshopEcfun
ecshop购物车增强
ecshopdirectory
sphnix
是不是ecshop不稳定啊
ecshop图片效果
ecshop在线的
ecshopWarning
ecshop提升
ecshop长沙做网站
ecshop前例
ecshop无法生成相册
ecshop500
ecshop等式
ecshop管理工具
ecshop商品总数
ecshop网站帮助
ecshop平板电脑
ecshop渴望
ecshop弹出效果
ecshop工作者
ecshop企业网站
ecshopname
ecshopFree
ecshopjustify
ecshop重名
ecshop路由