透過 SHOP Builder 所增加或編輯進階分頁時，您可以增加「商品類別」元件，向顧客展示商店內的商品種類，進而引導顧客瀏覽特定種類的商品。
⚠️ 開始前請注意：
- SHOP Builder 目前僅支援 Ultra Chic、Kingsman、Varm、Philia 版型使用。
- 使用 SHOP Builder 建立分頁後，若切換其他店面版型，該分頁仍然可以顯示，但無法編輯且可能發生跑版情形，在確認發佈分頁前請多加留意。
一、 增加商品類別元件
步驟一
前往「商店後台 > 網店設計 > 網店分頁」點按「進階分頁／編輯」按鈕，開啟「進階分頁」設定頁面。
步驟二
點按「元件」按鈕。
步驟三
點選商品類別下的「商品類別」元件。
步驟四
系統預設三組商品類別，您可新增或刪減商品類別。點按「＋商品分類」可以新增商品類別，最多上限為 8 組。點按任意商品類別旁的 垃圾桶圖示可以刪除該商品類別。
點開一個商品類別元件，點按「＋新增商品類別」按鈕。
系統跳出彈窗後，您可以直接點選您想加入的商品類別，也可以搜尋類別名稱。選擇商品類別後，請點按「確認」。
步驟五
加入商品類別後，可個別上傳桌機版、手機版圖片。
＊備註：桌機版圖片寬度建議大於 2000 px，手機版圖片寬度建議大於 1080 px。
加入圖片後，下方可繼續編輯圖片相關的設定。
- 圖片裁切：選擇裁切並顯示圖片哪個部分（上左/上中/上右/中左/中中/中右/下左/下中/下右）。
- 圖片 ALT：輸入圖片的替代文字。用一句話來描述圖片中的內容，幫助搜尋引擎了解圖片的內容，關於圖片 ALT 說明請參考此篇文章。
步驟六
輸入商品類別標題以及文字對齊格式（靠左/置中/靠右）
步驟七
支援其他設定。您可調整以下
- 圖片比例：可以各別設定桌機版、手機版的圖片比例。
- 類別名稱對齊：可選擇類別名稱對齊格式（靠左/置中/靠右）。
- 每行商品類別數：可選擇每（橫）行的商品類別數目。桌機版最多每行 8 個，手機版最多每行 4 個。
- 邊距：可調整商品類別元件與頁面的邊距。詳細編劇設定說明可參考：邊距設定｜SHOP Builder。
步驟八
在設定過程中可點按下方「儲存」按鈕，於右側預覽畫面查看新增的圖片組合元件。
＊備註：可選擇查看桌機版或手機版的預覽畫面。
或是點按右上方「預覽商店」，查看完整的前台預覽畫面。
步驟九
確認完成上述設定後，請點按右上角「發佈」按鈕，讓顧客在商店前台可查看此分頁所有新增的內容。
延伸閱讀
評論