商品集合區塊
商品集合區塊旨在協助顯示和自訂商品存檔,並提供商品推薦。
插入區塊後,根據目前正在編輯的模板或頁面,將提示建立自己的自訂商品集合,或從變體/配方清單中選擇,以快速提供一些最常見的推薦類型。
商品集合區塊預設用於所有 WooCommerce 模板中,用於顯示商品目錄:
- 商品目錄,
- 按類別的商品,
- 按標籤的商品,
- 按屬性的商品和
- 商品搜尋結果
除了包含它的模板之外,還可以將商品集合區塊新增至網站上想展示商品的任何頁面或模板。
商品集合
商品集合區塊有一系列預定義的配方可供選擇,然後進一步自訂。預製集合配方非常適合橫幅,預設僅顯示單行商品且無分頁,但可以編輯以符合任何設計或版面配置。還可以選擇建立自訂集合。
插入商品集合區塊後,將提示選擇集合。可以隨時從區塊工具列變更所選集合。
建立自己的
預設情況下,商品集合顯示商店的整個目錄,並適應所在頁面的上下文。例如,如果將商品集合新增至「按標籤的商品」模板並選擇「建立自己的」,當購物者造訪特定標籤的頁面時,他們只會看到目錄中具有該標籤的商品。可以透過在集合的側邊欄區塊設定中切換「與當前查詢同步」設定來停用商品集合動態符合頁面上下文。
精選商品
使用此集合展示精選商品。了解如何將商品標記為精選。
評分最高的商品
使用此商品集合推薦商店中評論最好的商品。
促銷商品
正如名稱所述,此商品集合將展示商店中正在促銷的商品。
暢銷商品
暢銷商品集合展示網站上購買次數最多的商品。當商品銷售次數相同時,最近發布的商品將首先顯示。
新品上市
新品上市商品集合突出顯示最近新增至目錄的商品。預設僅顯示最近 7 天內建立的商品。此設定可以在區塊側邊欄中調整。
定義「新品上市」的區塊側邊欄設定
精選商品
使用此商品集合展示您自己選擇的自訂商品選擇。非常適合突出顯示獨家商品,或想手動精選的任何商品集。
相關商品
使用此商品集合自動推薦補充或類似於購物者已查看內容的項目。WooCommerce 根據類別和/或標籤確定相關商品。
向上銷售
使用此商品集合推廣客戶感興趣的商品的高階或進階版本。了解如何為商品設定向上銷售。
交叉銷售
使用此商品集合突出顯示與客戶購物車中項目配合良好的商品。交叉銷售通常出現在購物車頁面或結帳上,建議增強或補充主要購買的其他項目。了解如何為商品設定交叉銷售。
集合本質上是集合區塊上的預設篩選器。可以隨時使用區塊工具列中的「選擇集合」按鈕變更所選集合,然後根據需要在區塊設定側邊欄中調整篩選器。
區塊結構
選擇要使用的商品集合後,在列表視圖中會看到新增了一個與選擇的集合符合的父區塊,其中包含以下區塊:
- 商品模板 – 這些區塊顯示商品的圖片、標題、價格和加入購物車按鈕。
- 分頁 – 這些區塊控制購物者如何瀏覽集合。如果將集合設定為僅顯示 1 頁商品,將不會顯示這些控制。
- 無結果 – 這些區塊顯示集合的「空狀態」。即如果購物者前往頁面且沒有商品符合設定的集合篩選器,他們將看到什麼。
這些區塊元素中的每一個都由數個嵌套內部區塊組成,每個區塊都有自己的設定,如需要可以移除。透過選擇父區塊和每個內部區塊來探索其設定,然後檢查設定側邊欄中的區塊和樣式設定,以及區塊工具列中的任何設定。查看我們的探索區塊設定指南
除了更改現有區塊的設定外,還可以新增自己選擇的其他區塊來進一步自訂商品模板、向集合區域新增其他內容或變更其版面配置。可以自由探索,看看創造力將帶您走向何方!
區塊設定
商品集合 區塊提供數個版面配置和查詢設定來控制商品的顯示方式。
查詢類型
預設
預設 查詢根據當前模板顯示商品並允許購物者篩選。預設排序方式 選項是:
- 手動(選單順序 + 名稱)
- 價格,高到低 / 價格,低到高
- 銷量,高到低
- 評分,高到低
所有使用 預設查詢 的商品集合區塊都將同步到此排序順序。
自訂
自訂查詢允許根據特定條件顯示精選商品清單,而不是依賴頁面的上下文(如預設查詢類型)。
此查詢類型允許在 排序方式、每頁商品數 設定以及 促銷 和 庫存狀態 篩選器的協助下建立自訂集合。
排序方式: 使用「自訂」查詢類型,此設定允許選擇應如何在自訂集合中排序商品。可用的排序選項是:
- 按商品名稱字母順序(A → Z 或 Z → A)
- 最新到最舊 / 最舊到最新
- 價格,高到低 / 價格,低到高
- 銷量,高到低 / 銷量,低到高
- 評分,高到低 / 評分,低到高
- 手動(選單順序 + 名稱)
- 隨機:每次載入頁面時隨機排列商品順序,在每次造訪時提供新鮮體驗。
每頁商品數: 控制一次在區塊內顯示多少商品。如果區塊中未包含分頁,將僅顯示此數量的商品。
僅顯示促銷商品: 切換此選項以僅顯示當前正在促銷的商品。
庫存狀態: 選擇應在商品集合中包含哪些庫存狀態。
版面配置
版面配置設定允許控制商品在商品集合區塊內的排列方式。
- 堆疊: 在單一垂直列表中顯示商品。
- 網格: 在具有多個欄的網格中顯示商品。
- 輪播: 以水平滑桿格式顯示商品。非常適合在著陸頁或精選部分等更具視覺性的版面配置中使用。
自訂
使用商品集合區塊自訂商店頁面為如何顯示商品提供了許多選項。本文涵蓋一些重要的基礎知識。可以透過利用版面配置區塊來變更結構,以及利用樣式選項來符合品牌,進一步創造非常有趣且引人注目的設計。
如何建立單行商品版面配置?
若要將商品集合設定為僅顯示單行商品:
- 在集合的側邊欄區塊設定中選擇「網格」版面配置選項,然後輸入商品行中想要的欄數。將「響應式」切換保持未勾選。
- 在集合的區塊工具列中,點擊「顯示設定」圖示,將「每頁項目數」設定為與選擇的欄數相同,將「顯示的最大頁數」設定為 1。
現在商品集合將顯示為具有所選欄數的單行。
如何按類別、標籤或屬性顯示商品?
如果有特定設計想法,有時會想顯示特定篩選的商品集,而不是讓商品集合符合當前頁面或模板的查詢和篩選器。
若要讓商品集合顯示自訂篩選的商品集:
- 在集合的側邊欄區塊設定中,將「與當前查詢同步」切換保持停用。「篩選器」部分將出現。
- 在側邊欄區塊設定的「篩選器」部分下,點擊三點選單,然後點擊以切換不同的篩選選項。
- 點擊清單中的篩選器以切換它後,該篩選器及其選項將在「篩選器」部分下的區塊設定側邊欄中顯示。
- 使用選擇的篩選器,選擇想在此集合中顯示的類別、標籤、屬性或組合。
這可以是頁面上第二個商品集合的絕佳用途,作為橫幅向購物者推薦特定商品。可能性幾乎是無限的!