ProductX WooCommerce 在線商店生成器
已發表: 2022-09-22
用於創建在線商店的 WooCommerce 插件的受歡迎程度持續上升。 WooCommerce 生態系統廣受歡迎，是目前創建電子商務商店的首選。 如今，大多數小企業主都在 WooCommerce 中創建他們的在線商店。 正因為如此，很難讓一個網站從其他商店中脫穎而出。
不僅如此，WooCommerce 缺乏偶像在線商店所需的許多基本功能。 如果您想克服這種情況，可以嘗試使用 WooCommerce 構建器插件。 它允許創建具有所有必需功能的不同類型的基本頁面模板，並使用默認功能對其進行更改。 因此，在本博客中，我將討論最有前途的 WooCommerce 構建器之一，它在不離開古騰堡生態系統的情況下提供所有基本功能。
介紹 ProductX：Gutenberg WooCommerce Builder
ProductX是基於 Gutenberg 的多合一解決方案，用於擴展 WooCommerce 插件的功能以創建偶像在線商店。 它提供多個產品塊、基本功能和各種附加組件。
WooCommerce Builder是 ProductX 的強大插件之一。 它有助於為多個頁面動態創建模板並覆蓋現有的 WooCommerce 模板。
ProductX 的 Builder 附加組件的主要吸引力在於它可以用作 Gutenberg 編輯器。 正因為如此，它具有完整的動態構建功能，沒有任何冗餘。
我們可以用 ProductX WooCommerce Builder 做什麼
正如我已經討論過 ProductX 的 Gutenberg WooCommerce Builder 插件，是時候討論我們可以用它做什麼了。 如果您熟悉任何流行的構建器插件，您將更容易理解。
就像任何其他構建器一樣，它有助於為 WooCommerce 商店的大多數基本頁面創建和自定義模板。 那包含著：
- 商店頁面
- 產品檔案
- 產品類別
- 購物車頁面
- 單一產品頁面等等
為上述頁面創建模板後，現有頁面的默認模板將替換為新模板。
如何使用 ProductX 的 WooCommerce 構建器
顯然，只有解決方案並不能使其成為最佳選擇。 一個明顯的解決方案也必須具有良好的用戶體驗。 大多數 WordPress 用戶希望每個解決方案都簡單易用。 那麼，讓我們來看看 ProductX 的 WooCommerce Builder 是如何工作的。
正如我在這篇博文前面所說的，WooCommerce Builder 是 ProductX 的一個附加組件。 所以要使用它，我們必須在充分安裝和激活 ProductX 插件後打開它。 就是這樣：
- 從您的 WordPress 儀表板，轉到 ProductX 部分
- 現在，單擊 ProductX 的附加組件部分
- 從所有可用的附加組件中打開 Builder
打開 Builder 插件後，您可以創建無限模板並將其替換為默認的 WordPress 模板。
讓我們看看我們如何創建一個模板，讓您更容易理解它的工作原理。 因此，您需要按照以下步驟創建模板：
- 轉到構建器部分
- 單擊“添加新”按鈕
- 添加模板名稱
- 選擇模板類型
- 如果需要，請選擇條件
- 點擊“創建模板”按鈕
從類型選擇選項中，您需要選擇需要為其創建模板的頁面。 然後，根據您的要求選擇條件。
使用 WooCommerce Builder 創建和自定義自定義商店頁面
現在，讓我們看看如何從頭開始創建自定義商店頁面模板。 首先，在創建模板時選擇 Shop 作為類型。 無需選擇條件，因為 WooCommerce Shop 只有一個模板。
選擇類型後，單擊“創建模板”按鈕，您的模板就準備好了。 但是，模板是空的，您需要從頭開始對其進行自定義。
在自定義商店頁面模板時，由您決定要顯示什麼以及如何顯示它。 不用擔心; ProductX 擁有製作完美商店頁面的所有選項。 如您所知，完美的商店頁面必須有帶有過濾商店的產品，才能讓購物者輕鬆找到他們想要的商品。
現在讓我們看看如何將產品和過濾選項添加到商店頁面。 例如，我將在右側顯示產品，在左側顯示過濾選項。 但是，您也可以反過來。
為了正確並排顯示產品和過濾選項，您需要使用 Gutenberg 列塊。 所以我要添加一個比例為 70/30 的列。
然後我們可以在左側添加產品過濾器塊，在右側添加任何可用的產品塊。 例如，我正在添加 Product Grid 1 塊。
現在，我們必須將產品塊與過濾塊連接起來。 為此，單擊網格選擇選項並選擇您已添加到商店頁面的產品網格。
如果您不喜歡默認的視圖產品網格和過濾器塊，請不要擔心，因為 ProductX 為所有塊提供了完整的自定義選項。
最後但同樣重要的是，如果您想對商店頁面進行分頁，您還可以從兩種類型的分頁中進行選擇，加載更多和數字。
自定義後，您可以發布商店頁面模板並檢查其對購物者的外觀。
使用 WooCommerce Builder 創建和自定義類別頁面模板
現在您知道您已經學會了製作自定義商店頁面模板。 是時候學習如何對類別頁面模板進行同樣的操作了。 因此，您將更容易正確理解 ProductX 的構建器是如何工作的。
因此，選擇存檔作為模板類型，然後選擇“所有產品類別”作為您要為所有類別創建模板的條件。 但是，如果您要為特定類別創建單獨的模板，也可以使用特定的產品類別選擇選項。
現在，單擊並開始編輯模板。 然後您可以像商店頁面模板一樣開始對其進行自定義。
首先，您需要添加將顯示類別標題名稱的存檔標題塊。 添加塊後，您可以更改大小、顏色和排版。
之後，您可以將所需的產品塊添加到模板中。 然後產品將根據其各自的類別進行動態展示。
當您對模板感到滿意時，將其發布並查看實施模板後產品類別的外觀。
結論
這就是 ProductX 的 Gutenberg WooCommerce Builder 的全部內容。 但是，構建器的功能並不止於此。 您還可以創建和自定義WooCommerce 單一產品頁面模板。 現在，當您對最有前途的 WooCommerce 的 Gutenberg Builder 有了一個概述後，您可以輕鬆地開始重新設計您的 WooCommerce 商店。