Support

Content of the article

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

Range Slider toggle on Button and not on icon

(new from 01-07-2019)

Hello,

it is possible to design the Range slider button in this way.
If it is closed, the toggle will open when clicked.
And not when I click on the dash.

For all others it goes with click on the text - button.

link to images https://imgur.com/a/tVDOEpG

many thanks

Hello

Try this solution: https://c2n.me/423Ze1k.png
You need to make changes to the js file.
 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;
});
}

If you use something to optimize the js, rebuild the js file.