# 7、頁面設計： # 流程：選擇頁面類型--創建一個新頁面--裝修該新頁面。 # 1、創建新頁面操作流程： ## （1）點擊“設計發布”--“頁面設計”，可點擊編輯設計原有頁面，也可以點擊“立即創建”設計新頁面。  ## 點擊“立即創建”可選擇創建頁面類型，各個頁面類型如下：  ## 各頁面類型包含板塊如下： ## 頁面類型①商城首頁： ## 默認板塊（從上到下）：搜索框、圖片輪播、公告、按鈕、商品組。  ## 頁面類型②自定義頁面（無默認板塊，可自由設計）  ## 頁面類型③商品詳情（該頁面下圖紅框部分板塊只能添加一個）   ## 頁面類型④會員中心 ## 默認板塊（從上到下）：會員信息、綁定手機、列表導航、圖標組、列表導航。  ## 頁面類型⑤課程頁面（無默認板塊，可自由設計）  ## 頁面類型⑥整點秒殺（該頁面下圖紅框部分板塊只能添加一個）  # 2、裝修頁面流程： ## 創建頁面成功后，選擇相應頁面點擊編輯--選擇相應板塊--根據需要設計板塊內容--設計完成點擊“保持頁面”。  ## （1）可在圖示①預覽頁面點擊需要設計的板塊，在圖示②頁面設計相應內容，圖示③區域可添加相應板塊，具體板塊效果可通過添加查看①預覽頁面決定是否留存，需要則在②區域設計內容，不需要可在①區域點擊刪除板塊。   ## 億企拼學院案例：  ## **各個板塊效果示意圖：** ## 1. 公告：可發布公告、新聞等  ## 2. 商品組：可批量添加商品，可修改商品及樣式   ## 3. 課程組：與商品組類似，可批量添加視頻/課程，可修改視頻/課程及樣式   ## 4. 搜索框：可根據需要設置搜索框提示語、樣式等。  ## 5. 固定搜索框：固定在頂部的搜索框，裝修設計時需根據注意事項做相應調整。  ## 6. 圖片展播：可用于促銷活動商品展播。 ## 可設置背景顏色、上下間距、左右間距、顯示方式、每行數量、上下標題顏色、上下標題對齊方式、圖片及連接。  ## 7. 圖標組：可用于個人中心導航欄設置。 ## 可設置每行圖標數量、背景顏色、圖標顏色、文字顏色、角標背景顏色、可在圖標庫選擇圖標、圖標文字及連接。  ## 8. 音頻播放：可添加音頻。可設置音頻顯示播放樣式、標題文字、副標題文字、音頻圖片、背景顏色、標題顏色、副標題顏色、是否循環播放、暫停后播放設置。  ## 9. 版權：版權頁面設計  ## 10. 視頻組：視頻顯示頁面設計 ## 可選擇不同尺寸顯示（具體尺寸建議參考上傳視頻尺寸選擇）、視頻封面、視頻地址（可選擇本地視頻上傳或復制騰訊視頻鏈接）。  ## 11. 列表導航：可根據需要插入相應鏈接，如線下活動報名、商品促銷、最新動態等。 ## 可設置一個或多個鏈接、頂部邊距、背景顏色、圖標顏色、文字顏色、圖標、文字、鏈接都可以自定義。  ## 列表導航案例：億企拼學院線下活動報名鏈接  ## 12. 富文本：可通過大量文字編輯活動、公告等。  ## 13. 標題欄：可通過標題吸引用戶點擊鏈接查看活動或購買商品等。  ## 14. 輔助線：方便劃分頁面不同板塊。 ## 可根據裝修需求設置背景顏色、線條顏色、線條樣式等。  ## 15. 輔助空白：根據需要設置不同顏色留白。裝修需要留白可點擊添加，可調整顏色、高度。  ## 16. 按鈕組：可用于設計導航按鈕，背景顏色、按鈕形狀、顯示方式、按鈕文字、按鈕鏈接地址、按鈕個數都可以根據需要設置。  ## 17. 按鈕組2：可用于個人中心導航設置，頂部邊距、背景顏色、圖標、文字、鏈接都可以根據需要設置。該按鈕組最多設置三個。  ## 18. 單圖組：通過一個產品或活動圖，引導用戶點擊了解詳情或參與活動等。  ## 億企拼學院案例：課程首圖鏈接課程。  ## 19. 圖片輪播：頁面輪播圖設置，可設置圖片切換按鈕形狀及顏色、設置圖片數量及連接。  ## 20. 圖片櫥窗：可用于設置推薦商品、熱賣產品、優惠活動入口等。 ## 可設置圖片整體上下邊距、圖片左右邊距、背景顏色、布局方式、圖片及連接。  ## 21. 優惠券組：可在商城首頁、商品頁添加優惠券促進用戶購買。 ## 可設置整體上下邊距、左右邊距、背景顏色、布局樣式、優惠券名稱、價值、使用條件、色調。  ## 22. 選項卡：可用作設計導航欄、分類欄。 ## 可設置樣式、背景顏色、文字顏色、激活背景顏色、激活文字顏色、選項卡文字及連接。  ## 23. 秒殺組：秒殺商品頁面設計  ## 24. 商品詳情頁（24-32為商品詳情頁獨有板塊）：底部導航為商品詳情頁默認板塊，不能刪除。 ## 可設置背景、圖標、文字、角標、購物車、購買按鈕顏色，購物車按鈕與購買文字處于同一位置，只能二選一，可根據不同商品進行相應設置。  ## 25. 商品圖：可放商品主圖，可設置輪播按鈕形狀、按鈕位置、按鈕顏色、左右邊距、底部邊距、透明度。  ## 26. 秒殺條：可設置秒殺活動情況顯示，可設置顯示顏色。  ## 27. 商品信息：信息系統自動讀取商品信息，可設置顯示方式、顏色、分享文字及鏈接等。  ## 28. 營銷信息：商品可享受優惠的營銷活動顯示區域。  ## 29. 商品規格：商品可選規格。  ## 30. 相關套餐：商品可組合成套餐出售，增加成交量。  ## 31. 店鋪信息：店鋪信息、店鋪首頁入口。  ## 32. 購買可見：購買可見顯示區域，可通過該區域設置商品或服務自動發貨內容，如資料鏈接、邀請碼、邀請函、體驗名額等。  ## 33. 商品評價：商品評價顯示區域（后臺可設置虛擬評價）  ## 虛擬評價添加流程：“商品商城”--“評價管理”  ## 34. 會員信息：會員信息顯示區域 ## 可設置樣式、顏色、等級說明鏈接、按鈕設置。  ## 35. 綁定手機：綁定手機區域，用戶點擊可綁定手機。  ## 36. 待使用商品 ：可核銷商品，購買后未核銷則為待使用商品。 ## 可設置樣式、文字、顏色。  ## 37. 秒殺時間段：默認為整點。  ## 38. 秒殺會場：秒殺商品分類導航。  ## 39. 秒殺廣告：秒殺商品廣告，可通過促銷低價圖片吸引用戶點擊購買。  ## 40. 秒殺商品：正在秒殺中的商品秒殺情況展示區域。