This is a demo of the Toggle Post Filter with sample posts. We also have other demos where you find more layouts. Check out the overview page.
• menu layout: wide
• theme: light
• body layout: masonry
• operator: “IN AND” (at least one tag matches from each group)
• text search: enabled, triggered on Enter or after changes
• post template: image card
• The “persistent filter” remembers for 60 minutes, which filters you selected and which post you clicked.
• We also used the “static taxonomy” parameter with a category to show only recipes.
• Tags (toggles) were sorted by their descriptions where we used numbers to set a custom order.
• The reset button is a standard WordPress Gutenberg button block with the CSS class tg_dpf_toggle_reset_button.
• Search for a key word. Or search for a key word starting with a dash to exclude that word.
• Use tags from the same group to get more results. Add tags from another group to narrow down the result.
• Use the left/right cursor keys to flip through pages.
• Click through to a post and return to the list to continue where you left off.
We used the following shortcodes. If you like to try them on your site, you may have to replace the group IDs (“include”) with your own values.
[tag_groups_tpf_menu caching_time=600 include="6,7,3" layout="wide" operator="IN AND" persistent_filter=60 placeholder_text_search="try garlic or -garlic" static_taxonomy="category" static_terms="12" term_orderby="term_order" text_search=2]
[tag_groups_tpf_messages]
[tag_groups_tpf_order_menu]
Then we used a HTML button with class=”tg_dpf_toggle_reset_button”
[tag_groups_tpf_body layout="masonry" legacy=0 message_amount_plural="{count} recipes found. Check them out or refine your search." message_amount_singular="1 recipe found. Go for it!" pager=2 pager_position="both" posts_per_page=9 posts_placeholder="Please select a tag or search for a text."]