善用 SHOP Builder 的「公告欄」、「頁首」功能，讓您的網路商店更加美觀，同時可以呈現更多商店相關資訊。
以下將分別說明：
⚠️ 開始前請注意：
- SHOP Builder 目前僅支援 Ultra Chic、Kingsman、Varm、Philia 版型使用。
- 使用新頁面編輯器建立分頁後，若切換其他店面版型，該分頁仍然可以顯示，但無法編輯且可能發生跑版情形，在確認發佈分頁前請多加留意。
一、公告欄設定
步驟一
前往「商店後台 > 網店設計 > 網店分頁」點按「進階分頁／編輯」按鈕，開啟「進階分頁」設定頁面。
步驟二
點按「公告欄」按鈕。
步驟三
您可以選擇新增「文字」或是「活動倒數」元件。
1. 新增活動倒數元件
點按「活動倒數」按鈕即可新增活動倒數元件。有關活動倒數元件的詳細說明，請參考此篇文章。
2. 新增文字元件
點按「文字」按鈕。
編輯文字元件。
- 標題：輸入公告欄標題。
- 連結：也可以放入連結並選擇連結開啟方式。
- 當前分頁：在目前頁面直接開啟連結
- 另開分頁：另外開啟一個連結分頁
點按上方「語系」下拉選單，會顯示商店支援的所有語系，可以個別設定此公告欄在各語系介面的顯示內容。
步驟四
點按已建立的公告欄右側「垃圾桶」圖示，即可刪除該公告欄。再次點按「文字」按鈕可新增另一個公告欄。
步驟五
若您新增多個公告欄，可以選擇公告欄的展示方式。
＊注意：目前支援最多新增三個公告欄。
A. 輪播
B. 展開全部
步驟六
若您選擇「輪播」展示方式，還可以設定輪播間隔秒數。
步驟七
在設定過程中可點按下方「儲存」按鈕，於右側預覽畫面查看新增的公告欄，或是點按右上方「預覽商店」，查看完整的前台預覽畫面。
步驟八
確認完成上述設定後，請點按右上角「發佈」按鈕，讓顧客在商店前台可查看此分頁所有新增的內容。
二、頁首設定
在「進階分頁」設定頁面點按「頁首」按鈕。
A. Logo
點按「Logo」可以設定商店 Logo 在桌機／手機介面的尺寸大小及位置。
B. 目錄
點按「目錄」可以設定商店目錄在桌機介面的對齊方式。
＊備註：若要設定商店 Logo 及目錄順序，請前往「商店後台 > 網店設計 > 設計／網店目錄」進行設定。
C. 固定頁首、邊距
您可以選擇是否要固定頁首在頁面上方，不因向下滑動頁面而覆蓋頁首，以及調整頁首邊距。
D. 搜尋列
您可以設定搜尋按鈕的呈現樣式。
- 無：無搜尋按鈕
- 按鈕
- 按鈕 ＆ 文字
- 搜尋列
E. 語言選項、隱藏特定語言
a. 語言選項
您可以設定語言選項按鈕的呈現樣式。
- 無：無語言選項按鈕
- 按鈕
- 按鈕 & 文字
b. 隱藏特定語言
在「隱藏特定語言」下拉選單中將顯示所有商店支援語系，勾選要隱藏的語言，並點按「隱藏特定語言」，顧客將無法於商店前台切換查看該語系頁面。
F. 貨幣選項
您可以設定貨幣選項按鈕的呈現樣式。
- 無：無貨幣選項按鈕
- 按鈕
- 按鈕 & 文字
G. 聯絡我們
您可以設定聯絡我們按鈕的呈現樣式。
- 無：無聯絡我們按鈕
- 按鈕
- 按鈕 & 文字
H. 會員中心
您可以設定會員中心按鈕的呈現樣式。
- 按鈕
- 按鈕 & 文字（依據顧客登入會員與否，顯示對應文字）
I. 購物車
您可以設定購物車按鈕的呈現樣式。
- 按鈕
- 按鈕 & 文字
在設定過程中可先點按下方「儲存」按鈕，再點按右上方「預覽商店」，查看完整的前台預覽畫面。
確認完成上述設定後，請點按右上角「發佈」按鈕，讓顧客在商店前台可查看此分頁所有新增的內容。
延伸閱讀
- SEO 設定｜SHOP Builder
- 頁尾設定｜SHOP Builder
- 圖片組合元件｜SHOP Builder
- 文字組合元件｜SHOP Builder
- 圖文組合元件｜SHOP Builder
- 輪播元件｜SHOP Builder
- 商品列表元件｜SHOP Builder
- 商品輪播列表元件｜SHOP Builder
評論