網路商店商品頁操作手冊
已完成
Part 6
① 主圖 › 更換(換第一張封面圖) ② 額外圖片 › 加入/移除所有 ③ 圖片 › 重排序(調單張前後順序)。
① 上載圖片(從電腦選檔,可多選) ② 加入網上圖片(貼圖片網址)。
① 剛上傳的多張圖(背面/穿搭情境/領口細節)皆已勾選 ② 上載圖片 ③ 左下「加入」把選取的圖一次加入。
① 底部四張縮圖(正面/背面/穿搭情境/領口細節)=剛加入的多圖,點縮圖即切換主顯示區。
多張圖片與影片管理
一件商品往往需要正面、背面、細節、情境等多張圖。這一章教你在商品頁編輯模式裡換主圖、加入多張額外圖片、放影片、調整排序,並看它們在前台輪播/網格中怎麼呈現。
路徑:商品頁 › 編輯 › 自訂 › 點商品 › 主圖/額外圖片
A. 這一章的流程
① 主圖 更換
→
② 額外圖片 加入
→
③ 多選上傳/選取
→
④ 排序+儲存
B. 逐步操作
1
主圖與額外圖片的控制在哪
點選商品後,「自訂」面板下方有「主圖」與「額外圖片」兩區;選好圖後還有「圖片」子面板可換/移除/排序單張:
2
上傳圖片:媒體視窗
按「更換」或「加入」會開「選取媒體」視窗。可從媒體庫挑既有圖,或「上載圖片」從電腦上傳,也能「加入網上圖片」貼網址:
3
一次選多張,加入額外圖片
「額外圖片」支援一次選多張。上傳後在媒體庫勾選要的幾張(打勾),再按「加入」全部帶進商品:
💡 放影片「選取媒體」視窗切到影片來源、或在額外圖片貼 YouTube/Vimeo 連結,即可讓商品圖庫夾帶影片;前台播放器會與圖片一起輪播。
4
排序,並看前台呈現
用「圖片 › 重排序」的箭頭調整單張前後(主圖通常排第一)。存檔後,前台就依你的版面設定(Part 4)呈現。以「輪播」為例,主圖在上、其餘成為底部縮圖可點選切換:
⚠️ 注意事項
- 主圖是封面(/shop 卡片與分享預覽都用它),選最有代表性的一張。
- 圖片建議尺寸一致、去背或同底色,輪播/網格才整齊;過大的原圖上傳前先壓縮。
- 「移除所有」會清掉全部額外圖片(不含主圖),按前先確認。
- 想讓「網格版面」好看,額外圖片至少放 3–4 張(Part 4)。
如何查到
商品頁 › 編輯 › 自訂 › 點商品 ›「主圖 / 額外圖片」。上傳走「選取媒體 › 上載圖片」,多選後「加入」;排序用「圖片 › 重排序」。呈現方式由 Part 4 版面決定。