跳至主要內容

商品目錄

商品、款式與分類

最後更新:2026年9月5日

商品 #

目錄中的每個商品都具備以下欄位:

欄位 說明
名稱 顯示於商品卡片、詳細頁與搜尋結果中的名稱
SKU 庫存單位識別碼——在整個目錄中必須唯一
描述 完整的商品描述,支援 HTML 格式
價格 基本售價;個別款式可覆寫此價格
狀態 active(顯示於商店前台)或 inactive(隱藏)
精選 用來讓商品出現在首頁與分類頁精選商品區塊的標記
稅金類別 結帳時套用的稅金分類
分類 商品所屬的一個或多個分類

每個商品另外支援個別商品的低庫存門檻。設定後,這個值會針對該商品覆寫全店的低庫存警示水準,讓您能逐一商品設定較嚴格或較寬鬆的警示。


款式 #

單一商品可以擁有多個款式,代表尺寸與顏色等選項的組合。每個款式都有各自的:

  • 價格——可與基本商品價格及其他款式不同。
  • 庫存量——依款式獨立追蹤。
  • SKU——每個款式的唯一識別碼。

當款式選項名稱為「Color」時,顏色色票會自動在商品詳細頁與分類列表頁上呈現。色票讓購物者不必展開下拉選單就能檢視並選擇可用的顏色。


分類 #

分類以巢狀樹狀結構組織,深度不限,因此您可以依目錄需求建立任意深度的層級(例如「服飾 > 男裝 > 外套」)。主要行為:

  • 精選分類——標記為精選的分類會出現在首頁的分類區塊中。
  • 麵包屑——每個分類頁與商品詳細頁都會顯示反映完整分類路徑的麵包屑導覽。
  • 子階查詢——瀏覽上層分類時,所有子分類與後代分類中的商品都會自動納入結果。

商品詳細頁 #

商品詳細頁提供購物者評估與購買商品所需的一切:

  • 圖片藝廊——多張商品圖片以可捲動的藝廊呈現,點擊後以全螢幕燈箱檢視。
  • 款式選擇器——顏色選項以色票呈現;其他選項類型(尺寸、材質等)使用文字按鈕。選擇款式後會立即更新價格、庫存標記與可用圖片。
  • 缺貨處理——當所選款式缺貨時,加入購物車按鈕會替換為到貨通知表單,讓購物者可以在補貨時收到電子郵件通知。
  • 動態定價——購物者選擇不同款式時,顯示的價格會立即更新。
  • 庫存標記——以明顯的指示器顯示所選款式是有庫存、庫存偏低或缺貨。
  • 數量選擇器——購物者可在加入購物車前設定所需數量。
  • 加入購物車——不重新載入頁面即可將品項加入購物車(AJAX);迷你購物車抽屜會更新以反映新增的品項。
  • 願望清單切換——愛心圖示讓已登入顧客與訪客將商品儲存至願望清單。
  • 相關商品——在主要商品內容下方顯示一列精選或自動產生的相關商品。
  • 評論——頁面上會列出該商品的顧客評論,並附上提交新評論的表單。
  • 結構化資料——頁面包含 JSON-LD 標記(ProductOfferAggregateRating),供 Google Shopping 與複合式搜尋結果使用。

分類列表頁 #

分類列表頁以分頁的網格顯示分類中的所有商品。

  • 篩選側邊欄——購物者可依款式選項(例如顏色、尺寸)、價格區間、有庫存切換與排序方式(價格由低到高/由高到低、最新、關聯度)縮小結果範圍。
  • 分頁——結果會分散於多個頁面;每頁商品數量可設定。
  • 分類描述——可選填的多媒體文字描述會顯示於頁面頂端,有助於 SEO 與商品陳列。
  • 麵包屑——目前的分類路徑顯示於頁面頂端。