WooCommerce如何使用Ajax增強分層導航

WooCommece是WodPess的免費開源電子商務插件，它能與諸多WodPess插件集成，可輕鬆擴展網站功能。WooCommece支持Ajx分層導航擴展，可以爲您的客戶提供更豐富的用戶體驗，特別適合擁有大量可變產品或具有多種產品屬性的商店。

WooCommece Adnced Ajx Lyeed Nigtion使用Ajx調用來重新加載頁面上的內容，並添加了許多用戶界面元素和選項，如色板、選擇器和複選框等，下面一起來看下如何配置和使用該插件。

、登錄到WodPess後臺管理頁面，在儀表盤中依次選擇WodPess Admin > Plugins > Add New，安裝並激活WooCommece Adnced Ajx Lyeed Nigtion插件，然後您可以在WodPess的小部件界面看到三個新的工具選項：

  • WooCommece Ajx分層導航
  • WooCommece分層導航過濾器
  • WooCommece Ajx分層導航清除

2、要設置新的小工具的話，您可以在WodPess儀表盤中訪問Appence > Widgets，選擇其中一箇工具，如WooCommece Ajx分層導航（WooCommece Ajx Lyeed N Widget），這裏，您可以將WooCommece Ajx分層導航拖放到一箇小部件區域，選擇要用於該實例的全局屬性，如顏色、大小等。

設置目錄：顯示和樣式與默認過濾器產品的屬性相同，但是使用了Ajx回調。

下拉菜單：將屬性顯示在一箇框中，客戶可以單擊並突出顯示他們的選擇。

複選框：將屬性顯示爲一箇無序的複選框列表。

尺寸選擇器：將列出了帶有輸入字段的屬性，可以在該字段中輸入一箇短標籤，以便在前端使用。然後，這些標籤從左到右呈現爲一系列內嵌標籤，這在服裝網站/商店上是很常見的，例如XS、S、M、L、XL。

顏色選擇器：在色板中顯示每個屬性。您可以手動輸入顏色代碼，或者使用顏色選擇器選擇一箇值，將會自動輸入正確的十六進制顏色代碼。

3、WooCommece Ajx分層導航過濾器小部件（Ajx Lyeed N Filtes Widget）會顯示所有產品的選項，並列出所有適用的屬性。用戶可以選擇他們想要過濾的屬性。這將動態地改變內容，因此只顯示符合用戶搜索標準的產品。

4、WooCommece Ajx Lyeed Cle All Widget與與Filtes小部件結合使用，使客戶能夠通過一次點擊清除他們的選擇並返回到所有產品。