[Resolved] Hide labels and options if not available

[Author]

Posts

[catrionaD]

Tell us what you are trying to do?

1) Hide filter labels if none of the results have a taxonomy option selected for that label.

2) Hide taxonomy options if none of the results have a corresponding option ticked. For example, if no posts have selected the "Polish" language option, then this should not be a visible option to users. (Alternatively greyed out options would work too)

Is there any documentation that you are following?
No, I have searched the forum and have selected the "Show only available options for each input" but this doesn't seem to work.

Is there a similar example that we can see? No

What is the link to your site? hidden link

[Christian Cox]

Hi, you mentioned that "Show only available options for each input" isn't working as expected. It looks like you have a View split up into filters and results using separate shortcodes or separate Elementor widgets. If you place the View in a draft page and display the filters and results together using a single shortcode or a single Elementor widget, is the "Show only available options" feature working more like you would expect? I've seen some strange things happen with split Views in Elementor and I'm curious to know if this is another of those situations.

[catrionaD]

I tried two tests.
hidden link
hidden link

Before I search for "diabetes" as an example, all of the options are shown, whether available or not.
Once I search for "diabetes" I think it is only available options that are shown. However, the labels still show where there might not be any filter options available - I would like to hide these.

So for filter options - I now realise that a text search first needs to take place.
For labels, how can I hide these please?

Thanks

[Christian Cox]

Let me make sure I understand what you want to hide, there are a few things that could be considered labels here. In this example: hidden link

Are you referring to the HTML label elements like "Tick if they apply" in the Personalize section of filters, or something else?

[catrionaD]

Where there is a label used as a heading for tickboxes or radio buttons, I would like that label removed. For example, if there were no options available under "Type" or "Cost" then those labels are hidden.

For the dropdowns without labels for headings, it would be good to hide the drop-down element. For example, the "- Select age" dropdown would be hidden if there are no options available.

Is this possible?

[catrionaD]

Hi Christian,

I am now working with two views; one for desktop/tablet "NL Search Desktop" and one for mobile "NL Search Mobile".

Card headers "Service," "Tailored support" and "Provider" should always be visible.

Under these Card headers, in both views I would like to hide all:

1. Dropdown filters, when there are no filter options available (keeping any title above the dropdown filters). An example of this is taxonomy="support-type" with default_label "- Select type".

2. Radio title labels where there are no options available. An example of this is: <label class="filterlabelb">[wpml-string context="wpv-views"]Cost[/wpml-string]</label>

3. Checkboxes title label where there are no options available. An example of this is: <label label class="filterlabelb">[wpml-string context="wpv-views"]Does not require...[/wpml-string]</label>

Any guidance or help you can provide would be great, I had a search and couldn't find a way to do this!

Thanks,
Cat

[Shane]

Hi Catriona,

As Christian had mentioned this is the option to hide the items that will return no results.

However you are referring to hiding the label as well correct?

If so then its not possible unless you use some custom code to achieve, like javascript to hide it if some options are not available.

Thanks,
shane

[catrionaD]

My issue is resolved now. Thank you!