Content of the page

Support

Content of the article

You need to log-in to create request (topic) to the support

Make the complete background of a closed filter clickable

(new from 01-07-2019)

Hi,

i want that the user can click on the whole element of a closed filter instead just on the icon.

I have already installed the "Simple Spoiler" Plugin and inserted the shortcode. But the problem is, that I have one Spoiler for the whole filters. I want every filter in one own spoiler.

How is that possible?

Thanks in advance!

Hello

 

Try  this  option -

Hello,

thank you for the quick reply. That works, but i can only click on the icon instead on the complete background. I think it will be a better user experience, if the user can click on the whole toggled element.

 

Best regards!

Hello

In this  case  you need  customize  JS

 

 file: path/to/domain/wp-content/plugins/woocommerce-products-filter/js/front.js
1. Finde function woof_init_toggles() and comment it.
2. Then add this function after the previous comment function:
function woof_init_toggles() {
jQuery('.woof_container_inner h4').life('click', function () {
if (jQuery(this).children().data('condition') == 'opened') {
jQuery(this).children().removeClass('woof_front_toggle_opened');
jQuery(this).children().addClass('woof_front_toggle_closed');
jQuery(this).children().data('condition', 'closed');
if (woof_toggle_type == 'text') {
jQuery(this).children().text(woof_toggle_closed_text);
} else {
jQuery(this).children().find('img').prop('src', woof_toggle_closed_image);
}
} else {
jQuery(this).children().addClass('woof_front_toggle_opened');
jQuery(this).children().removeClass('woof_front_toggle_closed');
jQuery(this).children().data('condition', 'opened');
if (woof_toggle_type == 'text') {
jQuery(this).children().text(woof_toggle_opened_text);
} else {
jQuery(this).children().find('img').prop('src', woof_toggle_opened_image);
}
}
jQuery(this).parent().find('.woof_block_html_items').toggle(500);
return false;
});
}

Thank you so much for your help.

I´m sorry to say, but it doesn´t work. I dont see a change on the toggled buttons:

Do you have an idea, what part doesn´t work and how to solve it?

Thanks in advance!

Hello

Please paste  your  license  key here - https://clip2net.com/s/42Aqbg6