[Resolved] Hide empty dropdown

[Author]

Posts

[Diego Walter Ricciardi]

Hello,

I need some help customizing a filter for my woocommerce views archive with the following 2 issues

1- I already created the filter inside the views, and it works fine, there are differents dropdowns, one dropdown for each attribute that my product may have according to its category.

But I would like to hide all empty dropdowns that dont belong to the category im seeing.

I was following the conditional documentation but it is not working.

For developing porpose I remove all filters and leave just one for testing.

As you can see in the following link there is an empty dropdown:
hidden link

And then it its full in the following link:
hidden link

2- Is it possible to create a search field inside a dropdown or selectbox to filter the options inside of it?

Best regards,

[Diego Walter Ricciardi]

This is the filter I need to conditionate

<div class="form-group">
	<label>[wpml-string context="wpv-views"]Product Diámetro Externo[/wpml-string]</label>
	[wpv-control-post-taxonomy taxonomy="pa_diametro-externo" type="select" url_param="wpv-pa_diametro-externo"]
</div>

[Minesh]

Hello. Thank you for contacting the Toolset support.

1- I already created the filter inside the views, and it works fine, there are differents dropdowns, one dropdown for each attribute that my product may have according to its category.
Well - the only way to hide the empty drop-down is using the jQuery code.

Please check following link that may help you:
=> https://stackoverflow.com/questions/24248597/jquery-hide-dropdown-if-all-option-value-are-empty

2- Is it possible to create a search field inside a dropdown or selectbox to filter the options inside of it?
==> No, there is no such feature exist to convert the dropdown to select2 box.

[Diego Walter Ricciardi]

Hello Minesh,

thanks for helping me.

1- It worked, but when selecting an option from the available dropdowns ajax refreshes and displays all the hidden attributes, please can you help me solve this.

2- Then, is there an option to search by term inside of the dropdown? Something like the image I'm attaching.

[Minesh]

1- It worked, but when selecting an option from the available dropdowns ajax refreshes and displays all the hidden attributes, please can you help me solve this.
==> Well - you can use the view's Javascript Front-end Events.

When you visit view's Filter section's 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

For example:

jQuery( document ).on( 'js_event_wpv_parametric_search_form_updated', function( event, data ) {
	/**
	* data.view_unique_id (string) The View unique ID hash
	* data.view_changed_form (object) The jQuery object for the View form after being updated
	* data.view_changed_form_additional_forms_only (object) The jQuery object containing additional forms from other instances of the same View inserted using the [wpv-form-view] shortcode
	* data.view_changed_form_additional_forms_full (object) The jQuery object containing additional forms from other instances of the same View inserted using the [wpv-view] shortcode
	*/
     /// Add your custom JS code here 
	
});

2- Then, is there an option to search by term inside of the dropdown? Something like the image I'm attaching.
==> No - there is no such option available.