迷你購物車區塊
預設情況下,迷你購物車區塊新增至許多區塊主題的網站頁首。讓客戶從商店的任何頁面快速查看和編輯購物車內容。
本指南說明迷你購物車區塊的功能,並提供自訂其外觀和行為的說明,以確保流暢便捷的購物體驗。
迷你購物車區塊顯示一個按鈕供購物者快速查看購物車。有設定可以選擇不同的購物車圖示、顯示當前購物車總價格,以及選擇是否在購物者在購物車或結帳頁面時隱藏或完全移除迷你購物車。還有一個設定可以選擇當購物者將商品新增至購物車時是否開啟迷你購物車抽屜。
迷你購物車區塊還有區塊樣式設定,可控制其組件的顏色,以及排版和尺寸選項。
在許多情況下,迷你購物車完全不需要自訂,因為會套用主題的樣式。
購物車抽屜模板部件
點擊迷你購物車按鈕時,購物車抽屜會滑出,讓購物者輕鬆存取查看所選商品並前往結帳。WooCommerce 使用模板部件在購物者開啟迷你購物車時顯示迷你購物車的內容。若要編輯展開的迷你購物車的外觀,需要編輯迷你購物車模板部件。
存取迷你購物車模板部件
可以透過幾種不同的方式存取迷你購物車抽屜模板部件以進行編輯:
-
在迷你購物車區塊的區塊設定側邊欄中,從設定的「購物車抽屜」部分選擇「編輯迷你購物車抽屜模板」。
-
直接使用編輯器命令面板存取模板部件:
- 前往 WP 管理控制台 > 外觀 > 編輯器。
- 在鍵盤上,按 Mac 上的 Cmd+k 或 Windows 上的 Ctrl+k。
- 搜尋「迷你購物車」模板部件
或者,如果已在編輯模板或模板部件,可以點擊模板標題以開啟命令面板。
- 在編輯器導航中存取模板部件:
- 前往 WP 管理控制台 > 外觀 > 編輯器。
- 點擊「樣式」。
- 在樣式選單的「模板部件」下選擇「迷你購物車」模板部件。
編輯迷你購物車模板部件
迷你購物車中的許多區塊都是鎖定的,這意味著它們無法移除或重新排列,但可以編輯現有區塊的內容和設定。還可以新增自己選擇的區塊來自訂迷你購物車的已填充和空白狀態。
迷你購物車狀態
存取模板部件後,若開啟列表視圖,會看到它包含一個名為「迷你購物車內容」的區塊,其中有兩個狀態嵌套在其中:
- 已填充迷你購物車視圖
- 空迷你購物車視圖
選擇任何區塊後,在區塊工具列中會看到調整正在查看的狀態的選項。或者可以從列表視圖中選擇 已填充 或 空 迷你購物車中的區塊,將顯示適當的狀態。
將區塊新增至迷你購物車
若要將區塊新增至迷你購物車的狀態:
- 選擇要編輯的狀態。
- 點擊模板中的「新增區塊」按鈕。
- 搜尋選擇的區塊並選擇它。
迷你購物車區塊設定
在 已填充 迷你購物車視圖中有區塊設定可以:
- 調整標題元素的顏色、排版和尺寸。
- 控制迷你購物車頁尾中「查看我的購物車」和「前往結帳」按鈕的按鈕樣式和顏色。
- 可以透過點擊文字來編輯標題或按鈕的文字。
在 空 迷你購物車視圖中有區塊設定可以:
- 調整段落元素的顏色、排版和尺寸。
- 控制「開始購物」按鈕的按鈕樣式和顏色。
- 可以透過點擊文字來編輯「購物車目前為空!」訊息或按鈕文字。