shopex修改品牌專區(qū)logo圖片大小教程
來源:解決方案 2012-08-02
shopex默認(rèn)的品牌專區(qū)圖片大小是120px*120px的,圖片有大的,會(huì)自動(dòng)同比例縮小。但是當(dāng)我們上傳的logo長(zhǎng)寬比例不是1:1的時(shí)候,會(huì)出現(xiàn)什么樣子的呢?縮小后,logo雖然不會(huì)變形但是會(huì)變小,當(dāng)長(zhǎng)寬比例達(dá)到2:1的時(shí)候,就會(huì)顯得很小了,整個(gè)頁面就會(huì)顯得很不協(xié)調(diào)。所以,我要把這里修改一下!
問了下度娘,貌似沒有人給度娘說過,所以度娘也不知道。沒辦法,只有靠自己了。按照步驟一步一步來。(急著想知道怎么改的,可以直接看最后幾步,前面知識(shí)介紹分析問題的方法)
1、查找有沒有brand-showList.html的模板。
利用windows自帶的搜索功能在整個(gè)shopex程序文件夾下搜索,無果。再搜索brand.html,有兩個(gè)結(jié)果,一個(gè)是brand.html、一個(gè)是brand_form.html,打開查看代碼,不是我們所要找的模板文件,就沒有辦法修改樣式。這兩個(gè)文件好像是后臺(tái)管理品牌的頁面,所以尋找模板修改模板的方法無效。
2、打開網(wǎng)站上的品牌專區(qū)頁面,查找相應(yīng)的樣式。
查看源代碼,找到離品牌logo列表最近的css樣式名字class=”span-5 items”,這個(gè)是最近的,于是在源碼中搜索span-5items,無果,搜索span-5,有結(jié)果。發(fā)現(xiàn)style.css文件里面.span-5{width:190px;}代碼,但是好像不是控制圖片大小的代碼。其他幾個(gè)css樣式文件里面都不是我們所想要的。這個(gè)就有點(diǎn)不好找了,繼續(xù)。方法總會(huì)有的!
3、仔細(xì)查看源碼,找出元兇。
再繼續(xù)查看源碼,從div的控制代碼中網(wǎng)上找,終于又找到一個(gè)css樣式名字BrandWrap clearfix,貌似這個(gè)有點(diǎn)用處。comeon!再試一下!在源碼中搜索BrandWrap,有戲。終于找到了!你可以在statics文件夾下發(fā)現(xiàn)shop.css,style-nocompress.css,style.css都包含這個(gè)樣式。歡呼一下!
4、不斷嘗試,永不放棄。
打開shop.css,好家伙,這不都出來了么?
修改好了上傳覆蓋,沒反應(yīng)~打開 style-nocompress.css ,發(fā)現(xiàn)控制品牌的css樣式是一樣的,再修改style-nocompress.css,上傳覆蓋,還是沒反應(yīng)。這是怎么回事?接著試!修改style.css下的相應(yīng)代碼,上傳覆蓋!成功了!終于發(fā)生變化了。
5、總結(jié)
shopex的樣式管理應(yīng)該都在style.css文件里,雖然這個(gè)文件排版不是那么的清晰,但是修改他是管用的!不知道其他的那些樣式文件有什么作用,明明是控制樣式的代碼,為什么不起作用?難道是shopex編譯時(shí)候的草稿文件?額,不好說~小結(jié)一下,希望對(duì)遇到同樣問題的朋友有所幫助!
文章編輯: 365webcall網(wǎng)站客服系統(tǒng)(www.365webcall.com)
我的評(píng)論
| 登錄賬號(hào)： | 密碼： | 快速注冊(cè) | 找回密碼 |  |
