商店版型設定 | Shopper App

2024.1 FAQ System Bar and module-92.png

2024.1 FAQ System Bar and module-109.png

使用商店版型可以一鍵快捷同步網店首頁到 App,並可實時同步網店最新資訊到 App,無需您重複操作編輯,方便快捷。

*請留意:目前商店版型僅同步「支援 SHOP Builder」的首頁內容,如果您的首頁不是使用的 SHOP Builder 的話, App 將無法支援同步。

Screenshot 2024-08-29 at 1.47.45 PM.png

 

本篇文章將分別介紹:

 

一、商店版型設定步驟

步驟一

前往「商店後台 > App 管理 > App 設計 > 目前版型」,點按商店版型的「設定」,進入設定頁面。

Screenshot 2024-08-29 at 4.18.00 PM.png

*請留意:如您進入 App 設計頁面出現「頁面/元件更新提醒」彈窗,請點擊「立即升級」進行後台功能升級。如點擊取消升級,將無法正常同步網店首頁內容。

 

步驟二

進入商店版型頁面後,會彈出元件展示提示。點按「我知道了」關閉彈窗。

202306

 

步驟三

頁面左側元件區和中間預覽區會自動同步網店首頁內容,除頂部應用欄、底部應用欄元件外,其餘同步元件不可在該頁面重新進行編輯設定。如需修改內容,請至「網店設計 > 網店分頁」中進行修改。

中間預覽區內容和 App 展示效果一致。如果您看到預覽區展示空白頁面並提示無可支援的元件,則有可能是您的網店首頁非新編輯器首頁,或您首頁的元件都是不支援同步的。
Screenshot 2024-08-29 at 4.43.15 PM.png

*元件同步注意事項:

  • 支援同步公告欄、文字組合、圖片組合、圖文組合、輪播、影片組合、商品類別、商品輪播列表、商品列表、商品描述等 10 個元件。
  • 不支援同步折疊段落、部落格、Instagram、訂閱、客製化語法、活動倒數等元件。
  • 不支援同步頁首和頁尾。
  • 店面級別設定裡僅支援同步色彩 > 公告欄的設定,其餘設定全部不支援同步。

 

步驟四

點擊頂部應用欄、底部應用欄,於右側編輯區進行相關設定。

設定方法請參考:

Screenshot 2024-08-29 at 4.44.56 PM.png

*商店版型的「頂部應用欄、底部應用」和 Simple 版型共用。如已在某一個版型裡做修改,另外一個版型也會自動同步。

 

步驟五

於左側欄位點擊「主題設定」,進行色彩及商品設定。設定方法請參考:主題設定 | Shopper App

Screenshot 2024-08-29 at 4.46.06 PM.png

*商店版型的「主題設定」和 Simple 版型共用。如已在某一個版型裡做修改,另外一個版型也會自動同步。

 

步驟六

以上設定都編輯好後,點擊右上角「更新並使用」即同步成功。如果您 App 已更新到最新版,重啟 App 後,App 首頁內容將立即更新;如果 App 還未更新到最新版,需更新到最新版後,首頁才能同步最新版內容。

202306

*注意:

  • 未更新到新版 App 的顧客還是會看到原 Simple 版型的首頁內容;已更新新版 App 的顧客會看到最新的商店版型內容。建議您在一段時間內還需維持原 Simple 版型首頁內容。
  • 商店版型使用過程中,如果您的網店首頁從支援新頁面編輯器切換為普通首頁,App 首頁將展示原首頁內容,不會同步進行首頁內容更新。
  • 如您在網店首頁更新同步的元件內容後,App 端會自動同步更新。

 

步驟七

在 App 設計 > 目前版型頁面,正在使用中的版型會被標上「使用中」標籤。

ZH7.png

 

二、與網店元件同步規則/展示差異

  • 公告欄元件:標題置左展示,文案超過一行則顯示「...」;標題為空則不會同步。
  • 圖文組合:僅填寫標題無設定圖片,App 端不會同步;設定 GIF 圖片後,App 預設展示首張 GIF 圖。
  • 商品類別:設定類別不配置圖片、配置圖片不設定類別、不配圖片或類別,App 端都不會同步。
  • 商品描述:App 端不會同步組合商品。
  • 影片組合:不同步全寬模式、自動播放、預設靜音、影片比例的設定;App 端展示預設寬度、播放預設暫停、比例為預設比例;如果影片連結錯誤,App 端將不會同步。
  • 商品列表:商品欄數預設顯示一欄 2 個。

 

 

 

 

 

還有其他問題?提交請求

評論