Filter collapse option?

[Ranker]

Hi, I would like to know if there is any way to collapse the filter settings. See image attached or link: https://werkenbij.mybrand.nl/vacatures-testpagina/

[Ernest Marcinko]

Hi!

By default there is no option to enable that, however it should be possible via a bit of custom code and some custom CSS.

Try adding this code to the functions.php file in your theme/child theme directory – make sure to have a full server back-up first for safety. For more details you can check the safe coding guidelines.

add_filter('wp_footer', 'asp_my_custom_script', 10);
function asp_my_custom_script() {
  ?>
  <script>
  jQuery(function($) {
    $('.asp_ss fieldset>legend').on('click', function(){
		$(this).closest('fieldset').toggleClass('asp_filter_opened');
	});
  });
  </script>
  <?php
}

Apply this code to your theme custom CSS field (if it supports it) or use the custom CSS field on the search plugin back-end.

.asp_ss fieldset legend {
    cursor: pointer;
}

.asp_ss fieldset div.asp_option {
    display: none !important;
}

.asp_ss fieldset.asp_filter_opened div.asp_option {
    display: flex !important;
}

This will hide the settings by default, and open them once the user clicks on the header of the filter.

[Ranker]

Wow! That does the trick Ernest. Is there a way to online open the first layer option “locatie” and close the others?

Thanks again mate!

PS: Would be a great feature to add in the plugin.

• This reply was modified 3 years, 3 months ago by .
• This reply was modified 3 years, 3 months ago by .
• This reply was modified 3 years, 3 months ago by .

[Ernest Marcinko]

Thank you, it will be definitely added in a later release 🙂

I think that is also possible, try chaning the first recommended code to:

add_filter('wp_footer', 'asp_my_custom_script', 10);
function asp_my_custom_script() {
  ?>
  <script>
  jQuery(function($) {
    $('.asp_ss fieldset>legend').on('click', function(){
		$(this).closest('fieldset').toggleClass('asp_filter_opened');
	});
    $('.asp_filter_cf_locatie legend').trigger('click');
  });
  </script>
  <?php
}

[Ranker]

Works! Thank you for the great support.

[Ernest Marcinko]

You cannot access this content.

[Author]

Posts