開發文件及範例

 範例模版文件下載 (最後更新:2015-08-19)
     Dropbox下載
     box 下載
     360云盘下載點 (提取码:0309)


 模版範例商店
    http://mbdemo.mymy.tw



​ 程式代碼說明 (最後更新:2015-08-19)
     Dropbox下載
     box 下載
     360云盘下載點 (提取码:01c2)
 

 風格模板設計包含三個頁面的設計:
首頁 index.html
1. 頁頭:包含店鋪logo、店鋪菜單導航,購物車快捷入口
2. 商品分類:需考慮商品分類子分類
3. 搜尋
4. 最新消息:可顯示簡要新聞,不支持新聞日期顯示
5. 熱賣商品:商品圖片,商品標題,商品副標題,商品價格
6. 最新商品:商品圖片,商品標題,商品副標題,商品價格
7. 特價商品:商品圖片,商品標題,商品副標題,商品價格
8. 推薦商品:商品圖片,商品標題,商品副標題,商品價格
9. 外掛組件:高度自適應
10. 廣告:一個頁面可提供3-5個廣告位置,包含頁面主banner
11. 頁尾:包含頁腳導航,聯絡信息展示,copyright信息

 

 

商品列表頁 info.html
商品列表,商品詳細,最新消息,留言版,常見問題,關於我們,購物流程,店家自訂頁面均共用此頁面
1. 頁頭:包含店鋪logo、店鋪菜單導航,購物車快捷入口
2. 商品分類:需考慮商品分類子分類
3. 搜尋
4. 熱賣商品:商品圖片,商品標題,商品副標題,商品價格
5. 商品列表:商品排列及商品翻頁
6. 外掛組件:高度自適應
7. 廣告:一個頁面可提供3-5個廣告位置,包含頁面主banner
8. 頁尾:包含頁腳導航,聯絡信息展示,copyright信息

 

顧客中心頁 user.html
顧客中心,購物車均公用此頁面
1. 頁頭:包含店鋪logo、店鋪菜單導航,購物車快捷入口
2. 商品分類:需考慮商品分類子分類
3. 搜尋
4. 熱賣商品:商品圖片,商品標題,商品副標題,商品價格
5. 商品詳細:商品顏色規格選擇樣式,購買,缺貨,搜藏按鈕樣式,商品詳細頁子導航樣式
6. 外掛組件:高度自適應
7. 廣告:一個頁面可提供3-5個廣告位置,包含頁面主banner
8. 頁尾:包含頁腳導航,聯絡信息展示,copyright信息
 



注:
1. 頁面總寬度設計師可根據風格自定,需考慮包含IE7及以上等主流瀏覽器
2. 所有頁面頁頭菜單導航排列順序為:
首頁,最新消息,商品(全部商品/熱賣商品/最新商品/特價商品/推薦商品),留言版,常見問題,關於我們,購物流程,顧客中心
3. 商品圖片大小僅提供三種尺寸:350*原圖案比例高/150*150/150*180/80*80 設計師可根據設計版面自行排入合適大小
4. 商品詳細頁商品詳細展示最大寬度為600 PX,超出內容系統自動裁除,設計時需注意