底部應用欄在 App 首頁的底部展示，顧客可點選您所設定的按鈕進入指定頁面，如首頁、購物車、追蹤清單等，您可以設定文字、圖標內容和底部應用欄顏色。
步驟一：進入 App 頁面編輯器
前往 SHOPLINE 後台 >「App 管理 > App 設計 > 目前版型」，點選「設定」進入 App 頁面編輯器。
步驟二：進入元件編輯器
點選左側元件庫的「底部應用欄」。
步驟三：設定是否顯示文字
預設為開啟狀態，可點擊關閉。當為關閉狀態時，底部應用欄僅會顯示圖標。
步驟四：設定預設分頁
目前支援的 10 個預設內容分別為「首頁、商店、分類、會員卡、購物車、訊息、我的、所有商品、追蹤清單、精選優惠」，預設開啟「首頁、分類、購物車、訊息、我的」 5 個分頁。
您可以進行以下操作：
-
點選功能右側
和
按鈕，設定開啟或關閉，支援開啟 3-5 個分頁。
-
點選
按鈕，設定文字及圖標圖片。您可以選擇預設圖標圖片或自訂圖標圖片，自訂圖標圖片需上傳正常狀態圖片和選中狀態圖片，建議尺寸為 60* 60 px，僅支援 PNG / JPG / JPEG 格式。
-
點選功能左側
按鈕，拖曳調整順序。
＊注意：「所有商品、追蹤清單、自訂」為平台版本 1.12.0 新增的內容，「精選優惠」為平台版本 1.13 新增的內容，您可以前往「App 管理 > App 發佈設定」查看您目前的平台版本號。
建議您將 App 更新且確認最新版本的使用率較高時，再開啟這四個分頁；若您在後台開啟了這四個分頁，而顧客尚未更新至最新版本，顧客點擊時將跳轉至商店首頁。
步驟五：設定自訂分頁（選填）
除了預設分頁以外，您也可以點選「＋ 自訂」，自行設定分頁文字、圖標圖片及跳轉連結。
＊注意：跳轉連結僅支援格式為「http://」或「https://」的 URL。
步驟六：色彩設定
點選左側「主題設定」圖示，並選擇「色彩」。
於「底部應用欄」區塊設定背景／字體／圖標／購物車數量顏色，您可以透過色板選擇顏色，或直接輸入色號。
＊注意：若您選擇自訂圖標圖片，則選中狀態下字體顏色／圖標顏色將不會同步至圖標圖片。
延伸閱讀
評論