在WooCommerce中使用產品網格塊教程

產品網格塊是一種多功能工具,用於在WodPess網站上,可以有排列的以網格的形式展示商店的產品,使佈局更加美觀,客戶觀感好,一定程度上也能促進消費。本文介紹瞭如何在WooCommece中添加和自定義產品網格的方法,以供參考。

、在WodPess儀表盤中導航到希望顯示產品的頁面或帖子,指定一箇標題,例如“產品”。

2、單擊頂部導航欄上的 + 按鈕以顯示所有塊,向下滾動到WooCommece部分,然後選擇所有產品,此操作在頁面上的網格佈局中顯示產品。

3、要配置此塊,請使用右側的塊設置面板,可以通過單擊“設置”圖標(頂部導航欄上最右邊第二個圖標)來訪問設置。

在這裏可以定製網格的佈局、內容和樣式:

  • 佈局設置:調整行數和列數,例如將兩者都設置爲2以獲得平衡的外觀。
  • 內容設置:確定是否要爲客戶添加排序下拉菜單,此功能允許客戶按所選順序對產品進行排序,也可以禁用此功能。
  • 高級樣式:如果需要可以添加CSS類以獲得更復雜的樣式。

4、完成配置後預覽頁面,以確保所有內容都按預期顯示。然後單擊“發佈”按鈕,此步驟允許根據自己的偏好公開、私下或使用密碼保護訪問頁面。