当前位置:首页 > 资源分享 > 正文内容

shopex修改品牌专区logo图片大小教程

光的传人13年前 (2012-07-02)资源分享4123

 shopex默认的品牌专区图片大小是120px*120px的,图片有大的,会自动同比例缩小。但是当我们上传的logo长宽比例不是1:1的时候,会出现什么样子的呢?缩小后,logo虽然不会变形但是会变小,当长宽比例达到2:1的时候,就会显得很小了,整个页面就会显得很不协调!所以,我要把这里修改一下!

问了下度娘,貌似没有人给度娘说过,所以度娘也不知道!没办法,只有靠自己了!按照步骤一步一步来!(急着想知道怎么改的,可以直接看最后几步,前面知识介绍分析问题的方法)

1、查找有没有brand-showList.html的模板。

利用windows自带的搜索功能在整个shopex程序文件夹下搜索,无果。再搜索brand.html,有两个结果,一个是brand.html、一个是brand_form.html,打开查看代码,不是我们所要找的模板文件,就没有办法修改样式。这两个文件好像是后台管理品牌的页面,所以寻找模板修改模板的方法无效。

2、打开网站上的品牌专区页面,查找相应的样式。

查看源代码,找到离品牌logo列表最近的css样式名字class="span-5 items",这个是最近的,于是在源码中搜索span-5 items,无果,搜索span-5,有结果!发现style.css文件里面.span-5{width:190px;}代码,但是好像不是控制图片大小的代码。其他几个css样式文件里面都不是我们所想要的!这个就有点不好找了,继续!方法总会有的!

3、仔细查看源码,找出元凶!

再继续查看源码,从div的控制代码中网上找,终于又找到一个css样式名字BrandWrap clearfix,貌似这个有点用处!come on!再试一下!在源码中搜索BrandWrap,有戏!终于找到了!你可以在statics文件夹下发现shop.css,style-nocompress.css,style.css都包含这个样式!欢呼一下!

4、不断尝试,永不放弃!

打开shop.css,好家伙,这不都出来了么?


修改好了上传覆盖,没反应~打开 style-nocompress.css ,发现控制品牌的css样式是一样的,再修改 style-nocompress.css,上传覆盖,还是没反应!这是怎么回事?接着试!修改 style.css下的相应代码,上传覆盖!成功了!终于发生变化了!

5、总结

shopex的样式管理应该都在style.css文件里,虽然这个文件排版不是那么的清晰,但是修改他是管用的!不知道其他的那些样式文件有什么作用,明明是控制样式的代码,为什么不起作用?难道是shopex编译时候的草稿文件?额,不好说~小结一下,希望对遇到同样问题的朋友有所帮助!

扫描二维码推送至手机访问。

版权声明:本文由光的传人博客www.liu16.com发布,如需转载请注明出处。

本文链接:http://www.liu16.com/post/shopexbrand.html

分享给朋友:

相关文章

短网址生成器,短网址生成工具集合(百度短网址、新浪微博、腾讯微博等)

短网址生成器,短网址生成工具集合(百度短网址、新浪微博、腾讯微博等)

虽然网上有很多短网址在线生成工具,但是每次使用都要打开网页比较麻烦,那有没有好用的把这些在线生成短网址的功能集合在一起的小工具呢?当然有,程序员大牛们还是相当给力的,我就搜集了三款至今(发布博客日期)为止好用的几个短网址生成器(工具),自己...

4K电视测试图片,坏点亮点测试图片(黄,黑,红,绿,蓝)

4K电视测试图片,坏点亮点测试图片(黄,黑,红,绿,蓝)

自己买的小米电视2S,从网上找了部分测试4K屏幕亮点的照片,有点问题,于是自己动手制作了这几个4K电视测试图片。包含(黄,黑,红,绿,蓝) ,如果想要其他颜色的话,下载下去再PS一下就可以,其实很简单。希望本文能给4K电视用户带来方便!坏点...

联想s820 root、刷recovery、刷机(MIUI7系统)流程及工具合集下载

联想s820 root、刷recovery、刷机(MIUI7系统)流程及工具合集下载

手底下有一个联想s820的手机,记得当时刚升级vibe系统的时候,想尽了好多办法root没有成功,如今近三年时间过去了,现在想给联想s820刷机,还有那么难么?说来就来!在刷机前,一定要准备好各项工具及软件:root工具软件(尝试了好几个,...

5-10元话费免费领,百分百中奖,10分钟内到帐(已测试3.1前有效)

5-10元话费免费领,百分百中奖,10分钟内到帐(已测试3.1前有效)

在某论坛看到的活动,本博主亲自测试,真实有效,特此分享。以下是领话费活动详细说明(虽然操作过程有点麻烦,但是免费话费还是真心不错的):1、话费真实到账,10分钟内到账。3月1日前有效!2、参加活动领话费必须用微信打开链接才能看到“抢十元话费...

手机免费上网软件-无线wifi安卓IOS智能机飞行模式可用

手机免费上网软件-无线wifi安卓IOS智能机飞行模式可用

 手机怎么免费上网?不做标题党,不做推广软文,真心分享手机免费上网软件及方法。大家是不是都期待手机能够无线免费上网?用了很多号称可以免费上网的软件,破解无线网密码的软件?用的都不顺心?其实,真正免费的就是最贵的,天上没有掉馅饼的。...

阿里云1G云主机免费申请6个月

阿里云1G云主机免费申请6个月

看到阿里云免费半年的云服务器的广告,不禁打开看了看。免费半年的云主机?还是国内最大的阿里云!真的够强悍!真的够吸引人!可是仔细看了他的说明后,觉得想真正购买的可以申请,这个活动非常实惠;但是如果想不花钱玩玩的话,是没门了,因为详细规则中限制...

评论列表

热水器哪个牌子好
13年前 (2013-01-03)

我要想去掉品牌专区胡链接鹧同去掉工

健康使者
13年前 (2012-12-26)

谢分享

儿童益智玩具
13年前 (2012-07-07)

现在在用wp了

义乌国际货运代理
13年前 (2012-07-06)

过一段时间也去整个shopex

祛痘专家
13年前 (2012-07-06)

路过-

奥运会
13年前 (2012-07-05)

值得一看。。

跑步机什么牌子好
13年前 (2012-07-04)

学习下

数码相机什么牌子好
13年前 (2012-07-04)

做程序貌似很累的!

汽车坐垫哪种好
13年前 (2012-07-04)

没有用过shopex, 进来了解下

礼品
13年前 (2012-07-04)

不错!以后能够解决图片的缩放的一些问题了!

小游戏
13年前 (2012-07-02)

多多关注。这个不错。

刘印博客
13年前 (2012-07-02)

shopex很久之前用过,学习下~

赶球网
13年前 (2012-07-02)

呵呵,来看看,多了解知识

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。