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

Create custom button to open the Slideout Filter

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.

Hey, I want use a custom button to open the side out filter but it is not working. This is what I tried so far:

// Get the button element
const span= document.querySelector(".open-the-filter");

// Get the target element
const target = document.querySelector("body > div.woof-slide-out-div.woof_slideout_default.ui-slideouttab-panel.ui-slideouttab-left.ui-slideouttab-ready");

// Add a click event listener to the button
span.addEventListener("click", () => {
// Add the class to the target element
target.classList.add("ui-slideouttab-open");
})

How can I make a custom button to open the Slideout?

Hello

I think yes, this is a third party library, please,  read  docs - https://github.com/microneer/jquery.tabSlideOut.js/blob/master/README.md

here is an example with buttons - http://jsfiddle.net/6kvus71q/27/

Hey Pablo, Can you show me how to implement this into your plugin, please?

Why I cant use the code provided? I just want to open the slideout on click.

Hello

I don't know why your custom code is not working.  Unfortunately, customization or fixing custom code is not included in support.

I advise you to read the JS library documentation (what we use for this functionality). The link has code examples for implementing a custom button.