[Resolved] Hide Filter title when there are no results

[Author]

Posts

[guyC]

I have a page set up with parametric search which is working really well. hidden link

What I want to achieve though is to have the filter titles hidden when there are no results underneath e.g. on hidden link width, colour, design and price shouldn't be showing as there are not options to choose.

Thanks for the help.

Guy

[Minesh Supporter Languages: English (English ) Timezone: Asia/Kolkata (GMT+05:30)]

Hello. Thank you for contacting the Toolset support.

You can always use jQuery code to hide such titles. You should add the following code to your filter's JS box.

jQuery(document).ready(function($){             
  $( "div.filtercontrol").not(':has(li)').hide();
});

I hope above solution will help you to resolve your issue.

[guyC]

Hi Minesh

This is working great for pages that I go to with a filter already pre-ticked - is there are way to make it work when you arrive at the page without any filters checked and then check one - e.g. if you go to hidden link and then check rug borders.

Thanks for the help.

Guy

[Minesh Supporter Languages: English (English ) Timezone: Asia/Kolkata (GMT+05:30)]

When you visit view's filter JS box - you will see a button "Frontend Events". When you click it it will allow you to choose ajax callback events for parametric search.

Refer this image:
hidden link

Could you please add following code:

jQuery( document ).on( 'js_event_wpv_parametric_search_results_updated', function( event, data ) {
	/**
	* data.view_unique_id (string) The View unique ID hash
	* data.layout (object) The jQuery object for the View layout wrapper
	*/
       jQuery( "div.filtercontrol").not(':has(li)').hide();
	
});

I hope above solution will help you to resolve your issue.