
內容簡介
功能
可過濾最多 10 列
可過濾最多 10 內部區段
可過濾最多 10 區段
在每一列中可以新增多個過濾分類(如有需要)
[高級版] 可過濾無限數量的列
[高級版] 可自訂樣式以顯示過濾按鈕的狀態
[高級版] 可在頁面載入後立即預設過濾內容
[高級版] 可套用過濾動畫
[高級版] 多選過濾(在說明文件中的詳細說明)
[高級版] 更多功能(請參閱常見問答)
取得高級版
設定
按鈕:
點擊鉛筆圖示以存取按鈕設定。您也可以使用影像或任何其他元件觸發過濾。它不一定要是按鈕模組。
進入「進階」→「CSS 類別」。於此新增 ef-button 類別。
另外,也可以新增想要用該按鈕過濾的任何類別,如:efc-[您的類別](例如 ef_cats)。
區段:
點擊藍色齒輪圖示,以存取區段設定。
進入「進階」→「CSS 類別」。於此新增 ef-area 類別。
列:
點擊「編輯列」圖示,以存取列設定。
進入「進階」→「CSS 類別」。
於此新增您想要過濾的所有 efc-[您的類別] 類別(例如 efc_cats 類別)。
對於您想要過濾的所有列,都需要進行相同的設定步驟。
更詳細的說明文件
外掛標籤
開發者團隊
原文外掛簡介
FEATURES
Filter columns
Filter sections
Filter elements
Add multiple filter categories to each column (if desired)
[PREMIUM] Style active filter button
[PREMIUM] Filter inner columns
[PREMIUM] Filter inner sections
[PREMIUM] Filter flexbox containers (Beta)
[PREMIUM] Start filtered, right after page loads.
[PREMIUM] Add animations to your filtering
[PREMIUM] Multi select filtering (explained in Documentation)
[PREMIUM] And more (see in (FAQ)
Get the premium version
SETUP
Buttons:
Click on the pencil icon to access the Button Settings. You can also use images, or any other element to trigger the filtering. It doesn’t have to be a button module.
Go to Advanced → CSS Class. Here you add the ef-button class.
Additionally add any category that you want to filter with that button like that: efc-[your category] e.g. efc-cats.
Section:
Click on blue gear icon to access the Section Settings.
Go to Advanced → CSS Class. Here you add the ef-area class.
Columns:
Click on edit column icon to access the column settings.
Go to Advanced → CSS Class.
Here you add all the efc-[your category] class you want e.g. your efc-cats class.
Do that for all Columns you want to make filterable.
A more detailed documentation
