The Post Filter module in Divi 5 offers a variety of Post Filter items or controls that differ based on the type of loop being used in the Post Filter's target selection.
In short, the type of Loop will dictate the type of Post Filter Items that can be used. After adding the Post Filter module to your layout, depending on the Target Loop selection, various Post Filter Items will be available for selection
Post Loop and Post Filter Items
If the Target Loop is a Post Loop, out of the box, the Post Filter module will have the following Post Filter items already added:
Search - Search box your visitor can use to filter the Loop based on a desired search term. The Search filter will only display posts that have the searched term in the post title and content.
Category Filter - Displays all the Post Categories that have at least one published post.
Reset button - Clicking on the Reset Button will reset the previously used filters.
Apply button - Used to initiate the filtering if the Post Filter's Apply Mode is set to Submit.
Besides the above filters, you can also add:
Post Taxonomies Filter
Displays a list of avaiable Post Taxonomies (Post Categories or Post Tags). Selecting a Taxonomy filter will only show posts assigned to the selected taxonomy.
Open the Post Filter module's settings
In the Content tab → Element, click the + Add Post Filter Item.
Click the Post Filter Item option
Click the Pencil Icon
to edit the newly added Post Filter Item.From the Post Filter Item's Content tab → Field Type, choose Radio or Checkbox.
In the Field Options dropdown, choose Tags.
Besides the Post Categories and Tags filter, you can also create an Authors filter in a very similar fashion as above. The only difference is that in the Field Options dropdown, instead of Tags or Categories, you need to choose Authors.
ACF Post Filter
Similar to the Post Taxonomy / Author filter, you can create Post Fiterm items based on ACF fields.
Open the Post Filter module's settings
In the Content tab → Element, click the + Add Post Filter Item.
Click the Post Filter Item option
Click the Pencil Icon
to edit the newly added Post Filter Item.From the Post Filter Item's Content tab → Field Type, choose the type you want to use to display the ACF field's values:
Text - The Text Field type also has Field Type Value:
Text - If the ACF field is a Text Field type
Number - If the ACF field is a Number field type.
Date - If the ACF field is a Date Picker field type
Date Time - If the ACF field is a Date Time Picker field type
Time - If the ACF field is a Time Picker field type
Select or Radio - Both of those field types allow the user to only use one value for filtering
Checkbox - Allows the user to select multiple values.
From the Field Option dropdown, select the ACF field to be used.
Field Comparison - Choose the type of comparison. This is used to compare the selected Filter's value with the actual ACF field value.
Option Method - Choose how the ACF field values are being generated:
Automatic - Displays all the ACF values for the selected ACF field. If nothing or new values are not displayed, click Clear Cached Options.
Manual - Generates manual ACF values for the selected ACF field. This is useful if you don't want to display all the values of the selected ACF field. Instead of manually typing values for filters, click the Generate Options button. This will generate the correct ACF values for you. Once those values are generated, you can drag and drop them to change their sorting order, or delete the ones that you don't want to display.
WooCommerce Product Loop and Post Filter Items
If the Target Loop is a WooCommerce Product Loop, out of the box, the Post Filter module will have the following Post Filter items already added:
Search - Search box your visitor can use to filter the Loop based on a desired search term. The Search filter will only display posts that have the searched term in the post title and content.
Category Filter - You need to configure it to display the Product Categories, as follows:
Open the Post Filter Item's settings.
In the Content tab → Field → Field Options, choose Product Categories.
Reset button - Clicking on the Reset Button will reset the previously used filters.
Apply button - Used to initiate the filtering if the Post Filter's Apply Mode is set to Submit.
WooCommerce Product Taxonomies Filter
Besides the above filters, you can also add other WooCommerce-related product taxonomies such as:
Authors.
Product attributes (eg: color, size, etc.).
Product Tags.
Product Brands.
Product Shipping Classes.
ACF or Custom Fields.
Price Range.
Stock status.
Note: Creating new Filters (also known as Post Filter Controls), the process is the same as outlined in the Post section above.
Post Filter Order By Field Type
This field type allows you to create an order option for the filtered results.
Open the Post Filter settings.
From the content tab → Elements, click the + Add Post Filter option.
In the Field Type dropdown, choose Order by.
Select which Post option should be avaiable in the Order by filter:
Default - Uses the WordPress default Order by.
Publish Date - Order by the post/page/product/custom post type's publish date.
None.
ID - Order by the post/page/product/custom post type's ID.
Title - Order by the post/page/product/custom post type's title text.
Post Name - Order by the post/page/product/custom post type's slug text.
Last Modified Date - Order by the post/page/product/custom post type's last modified date.
Random - Order by the post/page/product/custom post type randomly.
Comment Count - Order by the post/page/product/custom post type's comment count.
Price (only avaiable if the Post filter is connected to a WooCommerce Product Loop) - Order by the product post type's Price value.
Popularity (Sales - only avaiable if the Post filter is connected to a WooCommerce Product Loop)- Order by the product post type's sales number.
Rating (only avaiable if the Post filter is connected to a WooCommerce Product Loop).
Post Filter Order
Allows you to display the Order options:
Default - Default WordPress Order.
Ascending - Shows the Filter result in ascending order, based on the Order By Filter's value.
Descending - Shows the Filter result in descending order, based on the Order By Filter's value.
Multiple Order Field Type
It allows your visitor to mix and match the avaiable order and order by options. On the Frontend, the visitor can create multiple order and order by combinations.
The Post filter will then display only Post/Page/Products/Custom Post type, that fullfill all the Multiple Orders combination.