Quote from Alex Dovlatov on March 17, 2026, 12:47

Hello

This is likely a CSS conflict or a JavaScript error hiding the "Add new filter" section in the front-end builder.

You can do next:

1. Open your browser's Developer Tools (F12) → go to the Console tab, then open the filter builder again. Do you see any red errors there? If so, please share a screenshot.
2. Try in a different browser (e.g. Chrome if you're using Firefox, or vice versa) — does the issue persist?
3. Disable any caching plugins temporarily (WP Rocket, LiteSpeed Cache, W3 Total Cache, etc.) and clear the site cache, then check again.
4. Check for theme/plugin conflicts: temporarily switch to a default theme (Storefront or Twenty Twenty-Four) and disable other plugins one by one to see if something is interfering.

OR even better share exect link to the issue here or in the private area of this ticket

https://share.pluginus.net/image/i20230222134241.png
https://share.pluginus.net/image/i20230222134615.png
https://share.pluginus.net/image/i20230222134511.png

In the meantime, you can always add and manage filters via the WordPress admin panel under Products Filter → Settings, which bypasses the front-end builder entirely or use shortcode [woof] https://products-filter.com/shortcode/woof

 

Quote from Jbp1988 on March 17, 2026, 15:59

1. attributeStyleMap: StylePropertyMap {size: 0}
2. attributes: NamedNodeMap {0: value, 1: hidden, value: value, hidden: hidden, length: 2}
3. baseURI: "https://blacklionarsenal.com/shop/"
4. childNodes: NodeList [text]
5. children: HTMLCollection []
6. classList: DOMTokenList [value: '']
7. contentEditable: "inherit"
8. currentCSSZoom: 1
9. dataset: DOMStringMap {}
10. firstChild: text
11. hidden: true
12. innerHTML: "+ Add filter section"
13. innerText: "+ Add filter section"
14. isConnected: true
15. label: "+ Add filter section"
16. lastChild: text
17. localName: "option"
18. namespaceURI: "http://www.w3.org/1999/xhtml"
19. nextElementSibling: option
20. nextSibling: option
21. nodeName: "OPTION"
22. nodeType: 1
23. outerHTML: "<option value=\"\" hidden=\"\">+ Add filter section</option>"
24. outerText: "+ Add filter section"
25. ownerDocument: document
26. parentElement: select.woof-front-builder-selector
27. parentNode: select.woof-front-builder-selector
28. part: DOMTokenList [value: '']
29. selected: true
30. spellcheck: true
31. style: CSSStyleDeclaration {accentColor: '', additiveSymbols: '', alignContent: '', alignItems: '', alignSelf: '', …}
32. tabIndex: -1
33. tagName: "OPTION"
34. text: "+ Add filter section"
35. textContent: "+ Add filter section"
36. translate: true
37. writingSuggestions: "true"

 

Here is the code I found. I see on line 23 is has

1. outerHTML: "<option value=\"\" hidden=\"\">+ Add filter section</option>"

Could that be it? hidden?? If so how can I fix it?

Quote from Alex Dovlatov on March 18, 2026, 12:38

Hello

I just checked: https://demo.products-filter.com/filter-front-builder-demo/ - works

I looked your site link, all javascript there is inimized, reason can be there https://clip2net.com/s/4nNreGn

Please share a direct link to your shop page where the filter is visible, so I can see the issue myself. The site currently shows a Coming Soon page, so I can't access it to investigate

Quote from Jbp1988 on March 18, 2026, 22:30

Thanks the link is in the private box

Quote from Alex Dovlatov on March 19, 2026, 20:26

Hello

I tried the link

Quote from Jbp1988 on March 20, 2026, 02:30

ok try again it should work now.  Thanks

Quote from Alex Dovlatov on March 20, 2026, 17:58

Hello

Juts looked the site, deal is in compressing of js files by litespeed: https://drive.google.com/file/d/124LIm7mkMA6ylQvWcm-gtWl5EVSMNxQA/view?usp=sharing

JavaScript errors are prevent the filter form functionality, but search by itself works https://blacklionarsenal.com/shop/?swoof6=1&product_brand=1791-gunleather (Showing 1-32 of 141 products)

Disable all cache plugins and make tests again, be careful with js files optimization, it can break not only this plugin functionality