光的传人

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

 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编译时候的草稿文件?额,不好说~小结一下,希望对遇到同样问题的朋友有所帮助!

网友评论(以下内容仅代表网友观点,与本站无关)
    13.热水器哪个牌子好  2013/1/3 21:35:24 回复
    我要想去掉品牌专区胡链接鹧同去掉工
    12.健康使者  2012/12/26 15:48:35 回复
    谢分享
    11.儿童益智玩具  2012/7/7 0:28:52 回复
    现在在用wp了
    10.义乌国际货运代理  2012/7/6 11:52:55 回复
    过一段时间也去整个shopex
    9.祛痘专家  2012/7/6 7:34:38 回复
    路过-
    8.奥运会  2012/7/5 10:51:05 回复
    值得一看。。
    7.跑步机什么牌子好  2012/7/4 20:31:03 回复
    学习下
    6.数码相机什么牌子好  2012/7/4 20:04:35 回复
    做程序貌似很累的!
    5.汽车坐垫哪种好  2012/7/4 13:48:47 回复
    没有用过shopex, 进来了解下
    4.礼品  2012/7/4 13:26:40 回复
    不错!以后能够解决图片的缩放的一些问题了!
    3.小游戏  2012/7/2 16:51:50 回复
    多多关注。这个不错。
    2.刘印博客  2012/7/2 13:59:58 回复
    shopex很久之前用过,学习下~
    1.赶球网  2012/7/2 11:00:45 回复
    呵呵,来看看,多了解知识

原创文章请注明转载自光的传人博客本文地址:http://www.liu16.com/post/shopexbrand.html,标题:shopex修改品牌专区logo图片大小教程

【我来说两句】
分享到:

评论 13

发表评论:

阿光验证码

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