使用商店版型可以一鍵快捷同步網店首頁到 App，並可實時同步網店最新資訊到 App，無需您重複操作編輯，方便快捷。
＊請留意：目前商店版型僅同步「支援 SHOP Builder」的首頁內容，如果您的首頁不是使用的 SHOP Builder 的話， App 將無法支援同步。
本篇文章將分別介紹：
一、商店版型設定步驟
步驟一
前往「商店後台 > App 管理 > App 設計 > 目前版型」，點按商店版型的「設定」，進入設定頁面。
＊請留意：如您進入 App 設計頁面出現「頁面/元件更新提醒」彈窗，請點擊「立即升級」進行後台功能升級。如點擊取消升級，將無法正常同步網店首頁內容。
步驟二
進入商店版型頁面後，會彈出元件展示提示。點按「我知道了」關閉彈窗。
步驟三
頁面左側元件區和中間預覽區會自動同步網店首頁內容，除頂部應用欄、底部應用欄元件外，其餘同步元件不可在該頁面重新進行編輯設定。如需修改內容，請至「網店設計 > 網店分頁」中進行修改。
中間預覽區內容和 App 展示效果一致。如果您看到預覽區展示空白頁面並提示無可支援的元件，則有可能是您的網店首頁非新編輯器首頁，或您首頁的元件都是不支援同步的。
＊元件同步注意事項：
- 支援同步公告欄、文字組合、圖片組合、圖文組合、輪播、影片組合、商品類別、商品輪播列表、商品列表、商品描述等 10 個元件。
- 不支援同步折疊段落、部落格、Instagram、訂閱、客製化語法、活動倒數等元件。
- 不支援同步頁首和頁尾。
- 店面級別設定裡僅支援同步色彩 > 公告欄的設定，其餘設定全部不支援同步。
＊商店版型的「頂部應用欄、底部應用」和 Simple 版型共用。如已在某一個版型裡做修改，另外一個版型也會自動同步。
步驟五
於左側欄位點擊「主題設定」，進行色彩及商品設定。設定方法請參考：主題設定 | Shopper App。
＊商店版型的「主題設定」和 Simple 版型共用。如已在某一個版型裡做修改，另外一個版型也會自動同步。
步驟六
以上設定都編輯好後，點擊右上角「更新並使用」即同步成功。如果您 App 已更新到最新版，重啟 App 後，App 首頁內容將立即更新；如果 App 還未更新到最新版，需更新到最新版後，首頁才能同步最新版內容。
＊注意：
- 未更新到新版 App 的顧客還是會看到原 Simple 版型的首頁內容；已更新新版 App 的顧客會看到最新的商店版型內容。建議您在一段時間內還需維持原 Simple 版型首頁內容。
- 商店版型使用過程中，如果您的網店首頁從支援新頁面編輯器切換為普通首頁，App 首頁將展示原首頁內容，不會同步進行首頁內容更新。
- 如您在網店首頁更新同步的元件內容後，App 端會自動同步更新。
步驟七
在 App 設計 > 目前版型頁面，正在使用中的版型會被標上「使用中」標籤。
二、與網店元件同步規則／展示差異
- 公告欄元件：標題置左展示，文案超過一行則顯示「...」；標題為空則不會同步。
- 圖文組合：僅填寫標題無設定圖片，App 端不會同步；設定 GIF 圖片後，App 預設展示首張 GIF 圖。
- 商品類別：設定類別不配置圖片、配置圖片不設定類別、不配圖片或類別，App 端都不會同步。
- 商品描述：App 端不會同步組合商品。
- 影片組合：不同步全寬模式、自動播放、預設靜音、影片比例的設定；App 端展示預設寬度、播放預設暫停、比例為預設比例；如果影片連結錯誤，App 端將不會同步。
- 商品列表：商品欄數預設顯示一欄 2 個。
評論