WooCommerce 區塊
WooCommerce 區塊是 WooCommerce 的新架構化建構方式,使用 WordPress 區塊編輯器(也稱為 Gutenberg)。區塊是個別的內容元件,可以新增、移除和重新排列以建立頁面和貼文,包括商店頁面。
區塊編輯器
區塊編輯器於 WordPress 5.0 引入,取代了經典編輯器。此編輯器使用區塊系統,讓內容建立更加視覺化和靈活。
若你不熟悉區塊編輯器,WordPress 提供了區塊編輯器手冊。
WooCommerce 區塊
WooCommerce 區塊讓你建立和自訂商店頁面,而無需撰寫程式碼。這些區塊專為電子商務需求設計,並可在區塊編輯器中與其他 WordPress 區塊無縫整合。
WooCommerce 提供多種區塊,包括:
- 商品區塊: 顯示商品、商品類別、特定商品等。
- 購物車和結帳區塊: 建立自訂的購物車和結帳流程。
- 篩選區塊: 新增商品篩選功能,如價格、屬性等。
- 精選區塊: 顯示精選商品、類別或新品。
使用區塊
在文章或頁面編輯器中,選擇「+」圖示以新增區塊。你可以搜尋特定區塊或瀏覽可用區塊。
選擇區塊後,它會新增至你的頁面。每個區塊都有自己的設定和自訂選項,可在右側邊欄中找到。
區塊樣板
WooCommerce 提供預設的區塊樣板,可作為起點:
- 商品目錄: 顯示商店中所有商品的頁面。
- 購物車: 顧客可以檢視和修改購物車內容的頁面。
- 結帳: 顧客完成購買的頁面。
這些樣板可以自訂以符合你的品牌和需求。
傳統簡碼
如果你已有使用 WooCommerce 簡碼的頁面,它們將繼續運作。你可以選擇遷移至區塊,或繼續使用簡碼。
若要遷移,可以使用「從簡碼轉換」功能,此功能會將簡碼轉換為對應的區塊。
相容性
WooCommerce 區塊與區塊佈景主題和傳統佈景主題相容。但部分功能在區塊佈景主題中可能有更好的整合。
若你使用的佈景主題或外掛與區塊不相容,可以繼續使用簡碼或傳統的 WooCommerce 頁面。