這篇完成:為商品加上封面與商品頁圖庫,並正確排序。
圖片選擇器的通用操作見 上傳與從圖庫選圖。
前提
- 已開啟該商品的編輯頁(如何上架商品)。
- 擁有者/編輯者可上傳;檢視者通常只能選圖庫裡已有的圖。
路徑
電商 → 商品管理 → 開啟商品 → 上方頁籤 媒體。
說明文字為:「第一張為封面,其餘為商品頁圖庫;可拖曳調整順序。」
逐步操作
- 切到 媒體。若尚無圖,會看到「尚未加入圖片;可從圖庫選取或上傳。」
- 用工具列擇一:
- 從圖庫新增:開選擇器「圖庫」分頁,可複選多張,確認後加入。
- 上傳圖片:開選擇器「上傳」分頁,可一次選多張。
- 加入後,用左上角拖曳把手調整順序。
- 需要時為每張填 替代文字(選填)(無障礙與 SEO)。
- 用底部工具列 儲存草稿 或 發布。成功時提示「已儲存商品圖片」。
新增商品時,媒體會與基本資料一次建立;之後編輯也是同一條工具列存檔。
封面規則
- 排序第一張會同時當作:
- 商店列表封面
- 商品頁主圖
- SEO/社群分享圖(未另設時)
- 第一張縮圖上會有 封面 標示。
- 前台以裁切方式顯示,重要主體請放在畫面中央,不要把文字或 Logo 貼齊邊緣。
建議尺寸與格式
後台提示:1200×900 px(4:3),寬度至少 1200px。格式 JPG 或 WebP。
與消息列表封面建議相同,方便同一套攝影規格。更多全站規則見 資料夾、尺寸與格式。
張數上限
同一商品最多 20 張。工具列會顯示「目前張數 / 20 張」。
圖會進哪個資料夾?
從此分頁上傳(以及商品內文貼圖、規格相關示意)會歸在圖庫資料夾 「商品管理」。之後可在選擇器依資料夾篩選。改商品名稱不會回溯已上傳圖的資料夾。
移除圖片
點該張的移除控制即可從這個商品拿掉。
這不一定會從全站圖庫刪檔;其他頁面或商品仍可能在用同一張。要刪檔請走圖庫刪除流程,見 刪除與引用檢查。
怎麼驗
- 媒體分頁第一張為你要的封面,張數與順序正確。
- 前台
/shop卡片封面正確。 - 商品詳情主圖與下方圖庫順序與後台一致。
- 用社群預覽或 SEO 工具看分享圖是否為第一張(若未另設 SEO 圖)。
常見卡住
| 狀況 | 怎麼辦 |
|---|---|
| 上傳按鈕沒有 | 帳號是檢視者,或權限被縮限。 |
| 圖已傳但商品頁沒有 | 是否按了底部儲存?是否還在草稿、前台預覽用錯狀態? |
| 列表封面不是我想要的那張 | 把正確的圖拖到第一位再儲存。 |
| 畫面被裁切切到重點 | 重拍或重裁,主體置中;比例對齊 4:3。 |
| 圖庫找不到剛傳的檔 | 資料夾選「商品管理」或清空篩選;搜尋檔名。見 上傳與從圖庫選圖。 |
相關說明
- 如何上架商品
- 媒體圖庫概覽
- 圖片破圖與快取