自訂商品目錄
透過商店編輯,可以透過編輯 商品目錄 模板並在網站編輯器中使用區塊自訂版面配置和樣式,以所需方式建立商店頁面。在本文件中,我們涵蓋 WooCommerce 中包含的用於管理和自訂目錄頁面的模板和區塊。
除了主商店頁面外,WooCommerce 根據上下文在不同模板中顯示商品目錄。有內建模板可按 類別、標籤 或 屬性 顯示商品。
透過使用區塊主題,可以自訂不同的商品存檔以滿足商店的不同需求。還可以使用無程式碼編輯器為特定屬性、類別或標籤建立其他模板。
模板
WooCommerce 包含用於管理商品在商店中顯示方式的模板。雖然選擇的主題可能會覆蓋或引入這些模板的主題特定版本,但始終可以編輯它們以符合設計需求。深入了解存取模板。
內建模板
預設情況下,商店商品目錄的顯示由以下模板控制:
- 商品目錄 控制主商店頁面的顯示,在 WooCommerce > 設定 > 商品 > 一般 中設定。
- 按類別的商品 控制商店商品類別存檔頁面的外觀。
- 按標籤的商品 控制商店商品標籤存檔頁面的外觀。
- 按屬性的商品 控制商店商品屬性存檔頁面的外觀。
- 商品搜尋結果 控制商店商品搜尋結果頁面的外觀。
注意: 由於不同類型的商品存檔頁面(即標籤、類別、屬性)由不同模板控制,因此無法一次編輯所有商品存檔模板。但是,如果想在所有商品存檔模板上複製相同的設計,可以。
1. 自訂模板。
2. 將設計儲存為模板部件或樣式。
3. 在其他模板中插入此模板部件或樣式,以快速為它們提供相同的外觀。
商品目錄區塊
以下 WooCommerce 區塊是在整個商店中顯示目錄的核心。可以自訂它們以滿足各種設計和使用案例。雖然存在其他幾個商品顯示區塊,但大多數正在被淘汰,轉而使用更強大、可自訂的商品集合區塊。
商品集合區塊
這個 多用途區塊 有許多預建集合可供選擇。還可以建立自訂集合以所需方式顯示商品。深入了解商品集合區塊。
商品篩選區塊
商品目錄頁面有數個篩選選項可用。可以選擇允許客戶按屬性、評分、價格或庫存狀態篩選。深入了解商品篩選區塊。
樣式
為協助更快開始,可以從多個預建樣式中選擇,這些樣式以網格、行等不同設定顯示商品集合。深入了解樣式。
如何為特定商品類型建立自訂商品目錄模板
除了自訂上面列出的預設模板外,商店編輯使您更容易為特定商品類別建立自訂模板
若要建立自訂模板:
- 前往 外觀 > 編輯器 的網站編輯器。
- 點擊 模板,然後點擊加號 (+) 以新增新模板。
- 選擇 商品類別 或 商品標籤 選項,取決於模板要套用的商品分類法。
- 選擇此新模板套用的特定商品類別或商品標籤。
- 如果想使用預建樣式,在提示時選擇樣式。
- 編輯類別特定模板以滿足該特定商品類別或標籤的需求。