shopex模板修改之分析頁面結(jié)構(gòu)與后臺模板關(guān)系
發(fā)布時間：2015/04/17 來源：長沙建站
shopex商派系統(tǒng)也許是出于安全考慮或者是自己代碼保密，我們買的是商派分銷王，使用商派服務(wù)器，找人做的一個模板。在我們客戶手中能參加shopex模板修改的權(quán)限也就是僅僅局限在商派后臺的“編輯模板”。
僅有的權(quán)限也就在這里，我也就只能從這里先分析頁面結(jié)構(gòu)與后臺模板關(guān)系。
先從首頁開始：
后臺查看首頁的源代碼，點擊“源碼編輯”模式（PS：一共有兩種編輯模式，除了這一種還有一個“可視編輯”模式，這個模式有點類似于閹割掉的DZ的DIY功能，不能編輯框架一級）如圖，注意劃紅線的位置：
除了前面的“widgets”，翻譯過來是“部件，工具”之意，難道這就是剛進(jìn)來板板告訴我的商派掛件？繼續(xù)分析后面的id="**"這個我們差不多都能看懂，DIV的選擇符，每一個掛件的id選擇符都不相同，進(jìn)行區(qū)別。
驗證猜想的途徑就是實驗。
我準(zhǔn)備在列表頁添加“點擊排行”和“最新產(chǎn)品”，需要先添加“widgets”掛件，添加掛件位置，應(yīng)該怎么描述呢？DIV布局都應(yīng)該知道了解一些，先分析整體頁面DIV布局和布局樣式。
列表頁如圖：
原先是編號一部分占據(jù)了整個頁面部分，寬是1000px,現(xiàn)在我需要把第一部分寬度縮小，加入右部編號二部分，估算一下，原來總寬度1000px,我在右部添加一個“最新產(chǎn)品”板塊250PX，那這樣編號一部分寬就變成了750px,編號一、二部分中間在添加一個10PXmargin的間距，所以決定右側(cè)編號2部分寬為240px。(來自Da.vi.ds.zh.ou博客原創(chuàng)文章)