Simple 版型設定｜Shopper App

4. EC + SC.png

12. 品牌會員購物 App (1).png

Simple 版型為完全自訂的首頁版型，提供數十種元件供選擇，可根據您的設計需求進行自訂編輯。

如您希望 App 能更凸顯個性化設計且與網店有所差異的話，建議套用「Simple 版型」；如您認為網店內容很適合同步至 App 首頁，且不想花多餘精力設計 App 首頁，建議套用「商店版型」。

⚠️ 開始前請注意：此功能於香港地區僅支援 Shopper App Pro 版本。

Simple 版型主要區分為四個區塊：

202306

一、元件區設定

首次進入 Simple 版型頁面，便已預設頂部的應用欄、會員元件、圖標目錄、底部應用欄。頂部應用欄和底部應用欄不可刪除，其餘兩者可刪除或移動位置。點擊元件名稱可以在右側編輯區進行元件設定，或可進行元件順序調整、隱藏、刪除等設定。

1. 將鼠標挪至需要調整的元件上，會出現相應的設定圖標

點擊「新增元件」增加其他元件，目前 Simple 版型已經支援 13 種元件，能滿足您的設定需求。

將鼠標點住元件，如「輪播圖」，然後直接拖曳至預覽區。根據提示，拖至藍色的區域，停頓一下，隨後當提示文字由「請將元件放置到此處」變為「確認放置」時，鬆開滑鼠便能放置成功。

202306

在 Simple 版型設定過程中，可直接從預覽區體驗實際設定效果。預覽區看見的效果即為 App 端實際展示之效果。

點擊預覽區某個元件後，會出現設定按鈕，點按上移元件、點按下移元件、點按刪除元件。

202306

在左側元件區或中間預覽區選中元件後，右側會出現相應元件的編輯設定項，根據內容項進行填寫即可。

202306

按鈕區左側點擊下拉選單，可進行頁面切換；頁面右側為儲存、更新鈕，如您完成設定後暫不想更新至 App 端，則可先點選「儲存」，如已完成設定後想更新至 App 端，則點擊「更新並使用」。

若您尚未進行首次發佈，設定完成後需前往「Shopper App 管理 > App 發佈設定」發佈該內容。發佈成功後 App 端才會生效；首次發佈後，點擊「更新並使用」後 App 端便會立即生效。

＊注意：若您設定的元件內為最新版上線的新元件，則需將 App 更新至最新版後才會生效。

202306