Wix CMS：使用輸入元件讓訪客篩選內容
8 分鐘
使用下拉式選單或選項按鈕等輸入元件，為網站訪客提供篩選重複器、圖庫和桌次中顯現內容的方法。本文將引導您將輸入元件連結至將 CMS（內容管理系統）系列連結至已上線網站內容的資料集。
每個輸入元件都會連結至特定的系列欄位，以將該欄位的獨特金額顯示為篩選選項。當訪客選擇篩選選項時，連結的重複器、圖庫或桌次中僅會出現具有相符欄位金額的品項。或者，您也可以新增會變更篩選行為的條件式篩選條件。例如，您可以新增「不是」條件，以建立顯示與訪客選擇不符品項的篩選條件。
預設情況下，當訪客選擇篩選條件時，內容會立即變更。不過，若您希望訪客的篩選條件在點擊個別按鈕後才套用，則可以新增「套用篩選條件」按鈕。您也可以新增重設按鈕，讓訪客點擊即可立即清除已設定的所有篩選條件。
開始之前：
- 若尚未新增，請將 CMS (內容管理系統) 新增至網站。
- 將 重複器、圖庫 或 表格 連結至 CMS 系列。
步驟 1 | 新增設定為篩選內容的輸入元件
前往編輯器中要讓訪客篩選重複列表、圖庫或桌次中顯現內容的頁面。接著新增要讓訪客用來篩選內容的輸入元件。若新增多個輸入元件，可將每個元件設定為篩選不同的系列欄位。
您可從下列允許篩選的輸入元件中選擇：「選項按鈕」、「核取方塊」、「下拉式選單」、「選擇標籤」或「滑桿」（僅限範圍滑桿）。請留意，每個輸入元件可篩選的欄位類型皆有限制。
Wix 編輯器
Studio 編輯器
- 前往編輯器。
- 前往包含要讓訪客篩選的重複列表、圖庫或桌次的頁面。
- 點擊編輯器左側的「新增元件」
。 - 點擊「輸入」。
- 在「選擇」下，點擊要讓訪客用來篩選內容的輸入元件類型。從下列允許篩選的元件中選擇：「選項按鈕」、「核取方塊」、「下拉式選單」、「選擇標籤」或「滑桿」（僅限範圍滑桿）
- 點擊相關輸入元件並將其拖曳至頁面上。
- （選填）重複上述步驟 3-6，新增更多供訪客篩選內容使用的輸入元件。
步驟 2 | 將輸入元件連結至 Wix CMS
將各個輸入元件連結至連結重複器、圖庫或桌次的同一個資料集。接著選擇各個輸入元件要篩選的系列欄位。輸入元件將顯示所連結系列欄位中的各個獨特金額。當訪客在輸入中進行選擇時，重複器、圖庫或桌次僅會顯示符合已選擇欄位的品項。
您也可以為篩選條件新增條件式篩選。例如，新增「不是」、「不等於」或「不包含」 等條件，即可建立顯示與訪客選擇欄位不符品項的篩選條件。當您為篩選條件新增條件時，輸入元件上的欄位標題和預設文字會自動調整，讓訪客了解篩選條件的作用（例如「按欄位排除」）。
在資料集中新增篩選條件和排序也會影響輸入元件：
輸入元件會連結至從其連結系列欄位中擷取內容的資料集。若您向資料集新增篩選條件以排除顯示品項，則被排除的品項及其欄位內容將不會傳遞至輸入元件。這表示輸入元件僅會顯示資料集所包含品項的獨特欄位金額。資料集的排序條件也會影響欄位選項在輸入元件中出現的順序。
Wix 編輯器
Studio 編輯器
- 在編輯器中，點擊剛新增的輸入元件。
- 點擊連結至 CMS圖示
。 - 點擊篩選內容。
- 點擊「選擇資料集」下拉選單，並選擇與訪客要篩選的重複列表、圖庫或資料表連結的同一個資料集。
- 點擊「篩選內容依據」下拉選單，並選擇訪客將用來篩選顯示內容的集合欄位。
- （選填）新增影響篩選運作方式的條件：
- 點擊「進階篩選」。
- 點擊「條件」下拉選單，並選擇控制篩選套用方式的運算子（例如：不是、不等於、不包含）。
請注意：條件會根據輸入元件類型和連結的欄位類型而有所不同。詳情請參閱下方各輸入元件的進階篩選條件區段。
- 針對希望訪客用來篩選內容的每個輸入元件，重複上述步驟。
- 點擊預覽即可測試將輸入元件作為篩選條件的效果。
- 若準備好發佈變更，請點擊發佈。
進階篩選條件
點擊下方即可檢視各個輸入元件可用的進階篩選條件：
下拉式選單和選項按鈕
選擇標籤
多選核取方塊
核取方塊
範圍滑桿
（選填）步驟 3 | 新增按鈕以套用篩選條件
若希望訪客選擇的篩選條件在點擊獨立按鈕後才生效，您可建立「套用篩選條件」按鈕。當訪客點擊此按鈕時，系統會套用其選擇的所有輸入元件篩選條件。若無此按鈕，訪客從各個輸入元件進行選擇後，系統會立即套用篩選條件。
Wix 編輯器
Studio 編輯器
- 點擊編輯器左側的「新增元件」
。 - 點擊「按鈕」。
- 點擊要用於套用篩選條件的按鈕並將其拖曳至頁面上。您可使用下列任一按鈕類型：「主題按鈕」、「文字和圖示按鈕」、「圖示按鈕」、 或「圖片按鈕」。
提示：或者，您也可以新增圖片並將其作為「套用篩選條件」按鈕。 - 點擊「變更文字」並輸入要在按鈕上顯示的文字（例如：「套用篩選條件」）。
- 點擊「連結至 CMS」圖示 。
- 點擊「選擇資料集」下拉式選單，並選擇連結至重複列表、圖庫或桌次的同一個資料集。
- 點擊「點擊小部件連結至」下拉式選單，然後選擇「套用篩選條件」。
- 點擊按鈕並選擇設計圖示
即可自訂「套用篩選條件」按鈕的外觀。 - 點擊預覽即可測試「套用篩選條件」按鈕。
- 若準備好發佈變更，請點擊發佈。
（選填）步驟 4 | 新增重設按鈕
您可建立「重設」按鈕，讓訪客點擊即可重設所有已選擇的輸入元件篩選條件。這為訪客提供了一種簡單的方法，讓他們無需重新整理頁面即可重新開始並篩選內容。
Wix 編輯器
Studio 編輯器
- 點擊編輯器左側的「新增元件」。
- 點擊「按鈕」。
- 點擊要作為重設按鈕的按鈕並將其拖曳至頁面上。您可使用下列任一按鈕類型：「主題按鈕」、「文字和圖示按鈕」、「圖示按鈕」、 或「圖片按鈕」。
提示：或者，您也可以新增圖片並將其作為重設按鈕。 - 點擊「變更文字」並輸入要在按鈕上顯示的文字（例如：「重設篩選條件」）。
- 點擊「連結至 CMS」圖示 。
- 點擊「選擇資料集」下拉式選單，並選擇連結至重複列表、圖庫或桌次的同一個資料集。
- 點擊「點擊小部件連結至」下拉式選單，然後選擇「重設輸入金額」。
- 點擊按鈕並選擇設計圖示 即可自訂重設按鈕的外觀。
- 點擊預覽即可測試重設按鈕。
- 若準備好發佈變更，請點擊發佈。
常見問題
點擊下方即可了解關於使用輸入元件篩選內容的常見問題答案。
允許訪客篩選內容時，應設定哪種資料集模式和系列權限？
我可以讓訪客篩選 Wix 應用程式集合內容嗎？
網站訪客可以使用輸入元件將內容提交至集合嗎？
若篩選條件未如預期運作，該如何排除故障？