您可以將商店中的精選項目，例如：促銷活動、商品分類、部落格文章，甚至其他外部連結設定在側邊欄中，提供顧客便利且快速的前往感興趣的頁面。
⚠️ 開始前請注意：此功能於香港地區僅支援 Shopper App Pro 版本。
此篇文章將分別介紹：
一、側邊欄整體設定
前往 SHOPLINE 後台 >「Shopper App 管理 > App 設計 > 目前版型」，點選「設定」進入 App 頁面編輯器。
＊注意：此項設定將在 Simple 版型及商店版型同時生效，建議選擇「使用中」的版型設定。
於頁面左側元件區塊點選「側邊欄」進行以下設定。
1. 顯示側邊欄
點選左側元件區塊 按鈕，可開啟／關閉側邊欄，顧客可通過 App 左上角
按鈕查看您在此設定的資訊。
＊注意：側邊欄固定於頂部應用欄左側，按鈕顏色同步「主題設定 > 色彩 > 頂部應用欄」的字體顏色。
2. 套用底部應用欄色彩設定
開啟此選項，側邊欄將套用底部應用欄的背景顏色及字體顏色；關閉此選項，側邊欄預設為白色背景及黑色字體。
＊注意：若您的 Shopper App 平台版本低於 1.13，側邊欄的字體顏色將同步頂部應用欄所設定的字體顏色；若您設定為亮色，因 App 端無法正常顯示，系統將自動為您校正為黑色。
3. 標題文字對齊方式
設定中間區塊、底部區塊的標題文字對齊方式，可選擇置左或置中。
4. 預約上架時間（選填）
若您有設定上架日期，側邊欄將在指定時間於 App 中顯示。
二、側邊欄區塊設定
1. 頂端區塊
頂端區塊展示品牌 LOGO、註冊／登入按鈕、系統預設／自訂分頁，且最多支援展示 4 個分頁。
＊注意：
- 註冊／登入按鈕顏色同步「主題設定 > 色彩 > 按鈕」的設定。
- 若顧客已登入，則註冊／登入按鈕將隱藏。
A. 系統預設分頁
目前支援的 13 個分頁分別為「優惠券、最新活動、我的訂單、瀏覽記錄、所有商品、領券中心、追蹤清單、購物車、訊息、客服留言、門市資訊、精選優惠、人氣排行榜」，預設開啟前 4 個分頁，您可以進行以下操作：
-
點選功能右側
和
按鈕，設定開啟或關閉。
- 點選功能右側
按鈕，設定文字及圖標圖片。
- 點選功能左側
按鈕，拖曳調整順序。
＊注意：
-
若您選擇「最新活動」分頁，需設定促銷及分潤活動，系統將自動顯示商店最新建立且在促銷活動期內的活動；您也可自行選擇指定活動。
- 若您選擇「優惠券」分頁，需開啟於網店會員中心顯示優惠券功能。
- 若您選擇「領券中心」分頁，需於 App 領券中心新增優惠券。
- 若您選擇「門市資訊」分頁，需於門市資訊設定新增門市。
B. 自訂分頁
點選「＋ 自訂」新增自訂分頁。
您可以自行設定文字、圖標圖片及跳轉連結。
2. 中間區塊
顯示於頂端區塊下方，支援選擇「文字排列」或「圖文排列」兩種分組樣式。
＊注意：商品分類僅支援顯示「文字排列」樣式。
A. 系統預設分組
預設顯示「商品分類」，系統將自動存取網店已設定的商品分類內容。您可以進行以下操作：
-
點選功能右側
- 點選功能右側
- 點選功能左側
B. 自訂分組
點選「＋ 自訂分組」新增分組，目前支援的 15 個跳轉頁面分別為「所有商品、商品分類、指定分類、領券中心、 我的訂單、訊息、客服留言、優惠活動、門市資訊、追蹤清單、購物車、瀏覽記錄、自訂 URL、精選優惠、人氣排行榜」。
＊注意：最多可設定 5 個分組。
您可以自訂分組名稱及跳轉連結。
點選「＋ 新增內容」設定該分組下的內容名稱及跳轉連結。
＊注意：每個分組下最多可設定 8 個內容。
3. 底部區塊
顯示於中間區塊下方，主要用於展示會員、App 設定相關內容，此區塊不可隱藏或刪除。
A. 會員
支援「會員卡、會員資料、會員權益、推薦有禮」4 項內容，您可以進行以下操作：
-
點選功能右側
- 點選功能右側
- 點選功能左側
＊注意：
- 若您尚未開啟任何會員權益選項，將不會顯示「會員權益」內容。
- 若您選擇「推薦有禮」內容，需於 App 會員推薦獎賞新增活動。
B. 關於
支援「條款與規則、隱私政策、目前版本」3 項內容，您可以進行以下操作：
-
點選功能右側
- 點選功能右側
- 點選功能左側
C. 設定
支援「收貨地址、語言設定、推播設定」3 項內容，您可以進行以下操作：
-
點選功能右側
- 點選功能右側
- 點選功能左側
完成側邊欄設定後，點選頁面右上角「儲存」；確認內容無誤後，點選「更新並使用」進行發布。
評論