PluginUs.Net - Business Tools for WooCommerce and WordPress

[realize your idea - make your dreams come true]

Support Forum

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

Make the complete background of a closed filter clickable

The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday. If you have problems with registration ask help on contact us page please
If you not got email within 24~36 business hours, firstly check your spam box, and if no any email from the support there - back to the forum and read answer here. DO NOT ANSWER ON EMAILS [noreply@pluginus.net] FROM THE FORUM!! Emails are just for your info, all answers should be published only here.
The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday.

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