如何設定｜一頁式頁面：獨立底部導覽列
2025-06-10
【目錄】：
說明：
- 若商家希望【一頁式頁面】可以有自己獨立的「底部導覽列」，不要與【官網首頁】共用，即可依照此文章流程，啟用「獨立 底部導覽列」功能，就能夠另外自訂一頁式頁面的「底部導覽列」囉！
- 底部導覽列： 提供商家可設定，前台官網底部想要顯示哪些「導覽列項目」，顧客點擊「導覽列項目」後，即可前往對應頁面瀏覽。
- 底部導覽列提供以下選項設定：首頁、會員、購物車、商品列表、選單、部落格。
- 底部導覽列功能，僅會顯示於：手機版、平版，不會顯示於電腦版。
一、前台顯示
會顯示於【手機版】、【平版】網站前台每個頁面的底部，顧客可以點擊底部導覽列店家置入的功能選項，導向至對應的頁面。
二、如何設定 ?
※ 主要分為兩個步驟：啟用 LOGO、 設定上傳 LOGO。那如果商家先前已有「啟用獨立 LOGO」，只是需要重新上傳 LOGO 的話，可以直接依照《步驟二：設定「商店 LOGO」》步驟操作即可。
步驟一：啟用「獨立底部導覽列 」功能
進入「ShopStore 店家管理後台」→於左方選單，點擊前往「商店設計」→「頁面設計」。
點擊上方「一頁式」頁籤，以切換到「一頁式」頁面。
在想啟用「獨立商店 LOGO」功能的一頁式頁面右方，點擊「編輯設定」。
下滑頁面至「啟用獨立底部導覽列」區塊。
在此【啟用獨立底部導覽列】區塊上，點擊右方按鈕，切換狀態為「啟用」。
點擊右下方藍色按鈕「儲存」。
當右上方顯示「頁面儲存成功」的綠色提示，代表「獨立底部導覽列」啟用成功！
步驟二：設定「底部導覽列」
進入「ShopStore 店家管理後台」→「商店設計」→「頁面設計」→「一頁式」頁籤→點擊「設計頁面」按鈕。
在上方【商店設計】區塊內，點擊藍色按鈕「底部導覽列」。
在「顯示手機版底部導覽列」，點擊按鈕切換為「顯示」。
點擊綠色按鈕「增加導覽列」。
點擊下拉選單，選擇想要置入的功能選項。
※ 小編選擇「會員」為示範。
確認設定的資訊正確後，點擊右下方藍色按鈕「確定」。
※ 若商家想要置入更多導覽選項，可以再次點擊「增加導覽列」，依照【 ～ 】反覆操作即可。
※ 最多可以置入 5 個底部導覽選項。
點擊右方綠色按鈕「儲存所有內容」。
當右上方顯示「儲存成功」的綠色提示，即代表設定成功！
三、如何關閉 ?
※ 注意：關閉後，一頁式頁面的「底部導覽列」，就會共用官網設定的「底部導覽列」內容。
進入「ShopStore 店家管理後台」→於左方選單，點擊前往「商店設計」→「頁面設計」。
點擊上方「一頁式」頁籤，以切換到「一頁式」頁面。
在想關閉「獨立底部導覽列」功能的一頁式頁面右方，點擊「編輯設定」。
在【啟用獨立底部導覽列】區塊上，點擊右方按鈕，切換狀態為「關閉」。
點擊右下方藍色按鈕「儲存」。
當右上方顯示「頁面儲存成功」的綠色提示，代表有成功關閉囉！
四、導覽選項：如何排序 ?
進入「ShopStore 店家管理後台」→「商店設計」→「頁面設計」→「一頁式」頁籤→點擊「設計頁面」按鈕。
在上方【商店設計】區塊內，點擊藍色按鈕「底部導覽列」。
在想排序的導覽選項，長按左方「
」排序按鈕，即可拖曳排序。
點擊右下方藍色按鈕「確定」。
點擊右方綠色按鈕「儲存所有內容」。
當右上方顯示「儲存成功」的綠色提示，代表已設定成功！
五、導覽選項：如何刪除 ?
進入「ShopStore 店家管理後台」→「商店設計」→「頁面設計」→「一頁式」頁籤→點擊「設計頁面」按鈕。
在上方【商店設計】區塊內，點擊藍色按鈕「底部導覽列」。
在想要刪除的導覽選項，點擊右方「
」紅色叉叉按鈕，以刪除特定選項。
點擊右下方藍色按鈕「確定」。
點擊右方綠色按鈕「儲存所有內容」。
當右上方顯示「儲存成功」的綠色提示，代表已儲存成功！
六、如何隱藏底部導覽列 ?
進入「ShopStore 店家管理後台」→「商店設計」→「頁面設計」→「一頁式」頁籤→點擊「設計頁面」按鈕。
在上方【商店設計】區塊內，點擊藍色按鈕「底部導覽列」。
在上方「顯示手機版底部導覽列」功能，點擊按鈕切換為「關閉」。
點擊右下方藍色按鈕「確定」。
點擊右方綠色按鈕「儲存所有內容」。
當右上方顯示「儲存成功」的綠色提示，代表已成功隱藏底部導覽列囉！
