透過 SHOP Builder 所增加或編輯進階分頁時，可以增加「商品描述」元件，為您的分頁加入一個明星商品及宣傳文案，吸引顧客佇足，增加顧客瀏覽商店的機率。
⚠️ 開始前請注意：
- SHOP Builder 目前僅支援 Ultra Chic、Kingsman、Varm、Philia 版型使用。
- 使用 SHOP Builder 建立分頁後，若切換其他店面版型，該分頁仍然可以顯示，但無法編輯且可能發生跑版情形，在確認發佈分頁前請多加留意。
一、 增加商品描述元件
步驟一
前往「商店後台 > 網店設計 > 網店分頁」點按「進階分頁／編輯」按鈕，開啟「進階分頁」設定頁面。
步驟二
點按「元件」按鈕。
步驟三
點選商品類別下的「商品描述」元件。
步驟四
您可以加入一項商品以及編輯相關文字，點按「商品」、「文字」元件可編輯內容。
點按左側 圖示可拖曳圖片或文字調整順序。
步驟五
點開「商品」，點按「＋商品」按鈕。系統將跳出商品選擇視窗。
您可以在搜尋欄選擇搜尋「商品名稱」或「商品標籤」以找到您想加入的商品，也可以直接往下滑逐一找尋。選定商品後，點按「確認」按鈕。
＊注意：
-
若您加入的商品為「隱藏商品」，請務必記得打開「顯示隱藏商品」開關，否則系統將無法顯示隱藏商品的圖片及標價。
- 若您加入的商品為「下架商品」，則系統將無法顯示該商品的圖片及標價（如上圖）。請先至「SHOPLINE 後台 > 商品及分類 > 商品」將該商品上架後再回來 SHOP Builder 操作。
步驟六
點開「文字」可輸入商品描述文字以及調整相關設定。以下為可設定的欄位：
-
標題：輸入商品介紹標題。您也可以針對標題調整以下樣式設定。樣式呈現的優先順序為：元件的樣式設定 > 店面級別樣式設定。
- Heading 標籤：共有 H1 - H6 可供選擇，系統預設為 H3。
- 字體顏色：點開調色盤可選擇顏色，或輸入色碼編號
- 字體大小：可選擇 16/20/24/28/32。實際大小仍會根據店面級別設定的字體大小依比例縮放。
-
副標題：輸入商品介紹副標題。您也可以針對副標題調整以下樣式設定。
- Heading 標籤：共有 H1 - H6 可供選擇，系統預設為 H4。
- 字體顏色：點開調色盤可選擇顏色，或輸入色碼編號。
- 字體大小：可選擇 14/16/18/20/22。實際大小仍會根據店面級別設定的字體大小依比例縮放。
-
內容：依據商品內容去做撰寫。您也可以針對內容文字調整以下樣式設定。
- 字體大小：可選擇 12/14/16/18/20。實際大小仍會根據店面級別設定的字體大小依比例縮放。
- 字體顏色：點開調色盤可選擇顏色，或輸入色碼編號。
- 段落工具：可選擇項目清單或編號清單
- 展開文字內容：可展開文字輸入框方便打字。
- 展示按鈕：可以選擇是否開啟讓顧客從網頁上看到按鈕。
- 按鈕文字：可自行設定顧客點選的按鈕文字。
-
連結：在文字上加入連結，顧客點按文字即可開啟連結頁面。
可以設定連結開啟方式：- 當前分頁：在目前頁面直接開啟連結
- 另開分頁：另外開啟一個連結分頁
＊注意：
- 樣式呈現的優先順序為：元件的樣式設定 > 店面級別樣式設定。
- 若您有使用客製化語法調整頁面樣式設定，在調整過元件樣式設定後，需要重新調整客製化語法的規則。
- 目前 Shopper App 暫不支援元件層級的文字顏色、文字大小設定。
步驟七
繼續調整其他相關設定。
- 邊距：可調整「圖片」和「文字」與頁面的邊距。
- 圖片比例：僅支援調整桌機版的圖片比例。
- 文字對齊：調整文字對齊格式（靠左/置中/靠右）。
步驟八
在設定過程中可點按下方「儲存」按鈕，於右側預覽畫面查看新增的商品描述元件。
步驟九
確認完成上述設定後，請點按右上角「發佈」按鈕，讓顧客在商店前台可查看此分頁所有新增的內容。
延伸閱讀
評論