Set Default Filter Label for Filters with Extra Settings

This JavaScript snippet forces filters with additional settings (like dropdown filters) to always display their default placeholder label. It’s useful when you want the label to reset after every filter change or apply event, ensuring a consistent UX for JetSmartFilters.

Specifications
Set Default Filter Label for Filters with Extra Settings
6 January, 2026
  • Plugin
    • JetSmartFilters
  • Category
    • Filters & Search
  • Programming languages
    • JavaScript
Source code

Installing Instruction

  1. Copy the provided JavaScript code snippet to your clipboard.
  2. Add the code using one of the following methods:
    1. Option A: Using a Custom Code Plugin (Recommended)
      1. Install and activate a plugin such as WPCode Lite, Code Snippets, or Simple Custom CSS and JS.
      2. Create a new JavaScript snippet.
      3. Paste only the JavaScript code, without <script> tags.
      4. Save and activate the snippet.
    2. Option B: Using a Custom Code / HTML Area
      1. Add the code in a Custom HTML widget or directly into a theme file (for example, header.php or footer.php).
      2. Keep the <script> tags when using this method.
      3. Save your changes.

Example Use Case

Use this snippet to force JetSmartFilters filters with extra settings to always display their default placeholder label after changes.
Applicable scenarios:

  • Filtering interfaces: Maintain clear filter states for better user understanding.
  • E-commerce and catalogs: Reset filter labels after applying filters dynamically.
  • Search and navigation: Ensure consistent UX for complex filter widgets.
Specifications
Set Default Filter Label for Filters with Extra Settings
6 January, 2026
  • Plugin
    • JetSmartFilters
  • Category
    • Filters & Search
  • Programming languages
    • JavaScript
Source code

Let’s build together

Have your own solution?

Came up with a great solution and want to show it to the Crocoblock community?

Request a new feature

Leave a feature request through GitHub, and our developers will consider it