購物車區塊

WooCommerce 中的購物車區塊讓客戶審閱和管理打算購買的項目。提供更新數量和移除商品的選項,以及審閱物流選項和新增優惠券至訂單的功能。

本頁說明購物車區塊的組成部分,以及如何自訂其已填充和空白狀態。

注意: 可以將購物車區塊新增至任何頁面,但為確保所有功能正常運作,需要先在商店的進階設定中透過 WooCommerce > 設定 > 進階 指定選擇的結帳頁面。一次只能有一個指定的購物車頁面。

購物車狀態

購物車區塊有兩個可自訂的狀態:

若開啟列表視圖,會看到購物車模板包含一個名為購物車的區塊。此購物車區塊在其內部嵌套了這兩個狀態。每個狀態包含不同的元素和自訂選項。

當選擇主購物車區塊內的任何區塊時,會在區塊工具列中看到調整正在查看的狀態的選項。也可以透過列表視圖選擇已填充購物車或空購物車區塊以顯示適當的狀態。

已填充購物車狀態中的大多數區塊包含動態內容,取決於客戶購物車中的內容。因此,大多數是鎖定的,無法移除或重新排列。

購物車項目部分包含一個區塊,顯示購物車中的項目行,以及一個顯示交叉銷售的子部分。

交叉銷售是購物車中顯示的商品推薦,鼓勵客戶在結帳前新增相關項目,從而增加平均訂單價值。

注意: 早期,此功能由 交叉銷售區塊 提供。從 WooCommerce 10.2 開始,此區塊已被軟淘汰並由更靈活的 商品集合區塊 取代,現在為交叉銷售提供支援。

新增新的購物車區塊時,交叉銷售部分現在自動由商品集合區塊提供支援。透過在購物車中使用交叉銷售建議互補商品,可以顯著增加平均訂單價值。

為交叉銷售提供支援的 商品集合區塊 包含數個區塊設定來控制商品的顯示方式:

連結商品: 根據購物車中的項目顯示商品或選擇特定商品。
- 從購物車中的商品: 顯示與客戶購物車中當前項目連結的交叉銷售。
- 從特定商品: 選擇單一商品,無論購物車中有什麼,都將顯示其連結的交叉銷售。
排序方式: 定義商品的順序(例如,按字母順序)。
版面配置樣式: 以堆疊、網格或輪播顯示商品。
寬度: 將區塊設定為延展並填滿可用空間(填滿)或保持固定寬度。
每頁商品數: 調整每頁顯示的商品數量。
欄數: 控制版面配置中的欄數,具有響應式選項以適應較小螢幕。
顯示的最大頁數: 限制交叉銷售商品頁數(設定 0 顯示全部)。
篩選: 透過僅顯示促銷商品或按庫存狀態(有庫存、缺貨、延期交貨)篩選結果。

由於商品集合區塊在 WooCommerce 中共享,可以在商店的其他部分使用相同的自訂模式,創造更統一的銷售體驗。

現有商店注意事項: 若購物車已包含交叉銷售區塊,它將繼續如預期運作。還會看到將其轉換為商品集合區塊的選項。

交叉銷售部分已解鎖,如需要可以移除或重新排列。

在 購物車總計 部分,訂單摘要標題和優惠券表單都已解鎖,可以移除。此外,進入結帳 區塊包含更改進入結帳按鈕目標連結的設定,允許將客戶導向特定結帳頁面。

預設情況下,空購物車 狀態顯示「購物車目前為空!」訊息,下方有一個推薦商店最新商品的 最新商品區塊。這些元素都可以移除或重新排列以滿足需求。可以在編輯器中點擊文字進行編輯。

最新商品區塊允許控制顯示的商品數量,並選擇是否顯示其他詳細資訊(例如商品圖片、標題、價格、評分、加入購物車按鈕等)。