WooCommerce 商品頁：描述分頁、輪播與購物判斷

顧客打開桌面收納架的商品頁，最想知道的可能不是品牌故事，而是螢幕底座能不能放進去、包裝內有幾個配件，以及照片裡的裝飾物是否包含在售價中。商品頁的任務，是把這些判斷放在適合的位置，讓購買前的疑問有答案。

WooCommerce 可把產品資料透過不同主題和區塊呈現，同一份描述不必在每張版型裡重寫。先把文字、規格與媒體整理好，再決定是否需要額外分頁或輪播外掛，維護起來會更容易追蹤。

先把資訊分成購買前後的閱讀順序

短描述適合放在主要購買區附近，用幾句話說明用途、核心尺寸和內容物。例如「雙層桌面收納架，請先確認桌面可用寬度；螢幕與擺飾不隨附」，比堆疊形容詞更能幫助顧客判斷。實際位置仍依主題與版型而定。

完整描述可再展開尺寸測量方式、安裝步驟、保養和使用限制。把共同問題拆成有意義的小段，讓顧客可以掃讀；若關鍵資訊只寫在很後面的圖片裡，手機使用者可能尚未看到就已加入購物車。

價格與庫存應以商品欄位為主，避免在描述另打一組數字卻忘了同步更新。宣傳活動若需文字說明，記下生效與結束時間；不要把匯入模板的虛構評價、剩餘數量或倒數計時保留成看似真實的資訊。

分頁是組織方式，不是隱藏重要資訊的地方

WooCommerce 的常見商品內容包含 Description、Additional Information 和 Reviews。描述來自商品正文，額外資訊可呈現重量、尺寸與屬性，評價則依實際資料及設定顯示。先核對資料欄位，才能判斷分頁是否缺內容。

傳統主題常以分頁顯示；區塊主題可能透過 Product Details 或展開收合版型呈現。調整時先確認自己使用哪種架構：舊版 PHP 分頁篩選方法，不一定能直接控制新版區塊中的內建項目。

分頁標籤和分頁內標題也是兩件事。若頁面出現兩次「商品描述」，先檢查是標籤加內容標題，還是正文自己又多寫一個標題。需要全站共用的保養說明，可評估共用分頁工具；尺寸、配件等個別差異，則不能被一份通用文字取代。

用照片順序帶顧客確認實物

先列一組有任務的照片：完整外觀、正面尺寸、側面深度、配件清單，再加一張實際使用情境。每張回答不同問題，避免六張近似角度佔用載入時間，卻沒有一張說明收納架底部是否有防滑墊。

在商品編輯頁設定主要商品圖片，再將補充圖片加入圖庫並拖曳排序。主圖本來就會成為圖庫第一項，不必再次放入；從圖庫移除圖片通常不會刪除媒體庫原始檔，清理檔案前仍要確認其他地方是否使用。

圖片比例要讓品項之間容易比較，裁切則不能切掉尺寸標線或重要零件。選取不同規格時，核對主圖或圖庫是否隨之呈現正確實物；若主題或其他圖庫外掛接管顯示，應在實際版本中測試，不要假定所有圖庫功能都相同。

1. 逐張寫出照片要回答的顧客問題。
2. 設定清楚主圖，補充圖片依外觀、尺寸、配件排序。
3. 用商品實際規格核對照片和文字，不同選項分別查看。
4. 檢查清單縮圖、商品大圖和手機裁切是否一致。

單品圖庫與商品輪播要分清楚

單品圖庫是同一件商品的多張圖片，商品輪播則可能展示多件不同產品。前者幫助確認細節，後者讓人探索其他品項；兩者同時叫 slider 時，很容易買錯外掛。先用一句話說明想切換的是照片，還是商品。

例如 YITH Product Slider Carousel 可依分類、標籤等條件組織商店商品，適合放在指定選品區。若你的需求只是收納架照片能左右切換，應先查看主題和 WooCommerce 已有圖庫，不必因此加入另一套商品推薦系統。

商品推薦區應有清楚理由，例如同系列配件或相近尺寸，而不是無差別塞滿熱賣商品。主商品的規格與購買按鈕應保持容易找到；快速加入購物車也須分清簡單商品與需要選規格的商品，避免顧客不知道加進了哪個版本。

讓圖片和控制項都能被理解

替代文字應依圖片用途描述重要資訊，例如「收納架側面，底層開口高度示意」，而不是只填「商品圖一」或塞滿搜尋關鍵字。含尺寸的複雜圖解，旁邊也應提供可閱讀的文字或表格，不能把完整規格只藏在圖片像素中。

若啟用自動輪播，使用者應能暫停，上一張、下一張及關閉放大圖等功能也需能用鍵盤操作。焦點移到哪裡應看得見，關閉視窗後能合理回到原來位置；滑鼠可點，不代表其他操作方式也已通過。

檢查沒有圖片時是否仍能理解商品，放大文字後是否遮住按鈕，以及展開分頁時標題與內容是否對得上。這些是實際驗收方法，不是無障礙認證；套用某個區塊或外掛，也不能自動推定整頁符合所有規範。

載入檢查與維護要跟著真實內容走

先用符合展示需求的尺寸匯出圖片，保留清楚細節，再壓縮成適合網站的檔案。不要因為螢幕只顯示小圖，就忽略使用者可能打開放大檢視；也不要把原始相機檔全部直接上傳，卻沒有檢查傳輸大小。

用未登入手機和較慢網路觀察首張圖片、價格與購買區何時可用，再看其他圖庫內容。若加入影片，先核對目前 WooCommerce、主題及圖庫對影片的支援狀態與格式，避免把新版或測試功能寫成所有安裝環境都有。

每次修改商品包裝或配件，依資料表同步更新照片、描述和規格欄位，並抽查分類頁、推薦區與訂單項目。可以把這項工作安排在每次上新貨前，讓商品頁長期保持一致，而不是只有第一次上線時看起來完整。

商品類型、規格與庫存的建立方式

依購物需求選擇主題與擴充

• 教學
• 軟體與 App
• 架站與電商
• WooCommerce