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

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有