How 2 add widget to canvas filter

Hi @jorenbakker

Hoewel ik zie dat je uit Nederland komt hou ik het even op Engels aangezien dit een Engelstalig forum is!

When looking at the filter button in your page I see an incorrect trigger: ocs-toggle-left while your sidebar is names search-filter-mobile. Please use the correct trigger class for this toggle button.

This plugin comes with a widget to add custom triggers. You can also add menu items but this isn’t integrated into the customizer (yet) so you need to use the admin interface for now.

Cheers! Jory

Klopt, ik had oo al het vermoeden dat je nederlands zou zijn maar dacht hou het Engels zodat andere er in de toekomst wellicht ook nog wat aan hebben ??

Found it, thanks for your answer. Appriciate you’re help..

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

Sorry top bump in on this again. I’ve managed to get the product filter widget in to the off canvas side bar. But something strange happens. When I click on dropdowns, or range sliders everything works perfectly but as soon as I’m clicking on a radio burron the off canvas panel closes. It worked first but now it doesn’t. I’ve unchecked the Close sidebar when clicking on a link option. So this should disable closing the sidebar hen clicking right? What am I doing wrong here?

Hi @jorenbakker

I’ve checked your page again and for some reason it triggers the site wrapper element click event when clicking on the label within your sidebar.
My first thought is because your are using the overlay effect and the site wrapper is under the sidebar. Is it IMO a browser error but might be the reason.
I’ll investigate further!

Cheers, Jory

Hi @jorenbakker

One thing I also noticed just now it that your hooks seem incorrect.
Your header, navigation, footer elements all aren’t within the canvas container element (ocs-site), only the site content.
Please see the installation instructions again: https://github.com/JoryHogeveen/off-canvas-sidebars/wiki/Theme-setup
Once this is setup correctly I’ll continue debugging!

Cheers, Jory

Hi Jory,

Thanks for your time,
I’ve configured wp_body_open and wp_footer in the website_before and after hook names now. Before I used the the generate_before_header and generate_after_footer versions.
But problem stays the same.

Hi @jorenbakker

Your HTML structure is now correct! ??

Regarding the checkbox. It seems to be a checkbox specific issue: https://stackoverflow.com/questions/1164213/how-to-stop-event-bubbling-on-checkbox-click

This is probably related to the filter plugin you are using. I see you use the same widget on the page and on the off canvas sidebar. This might cause this issue since that causes the same element to exist twice. For this reason the site/canvas container is a parent of one of these elements and thus event bubbling will trigger the sidebar close event.
If I manually remove the sidebar within the page and test the off-canvas sidebar checkboxes it works great.

Cheers, Jory

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

Hi @keraweb,

Thanks for all your help. I’ve found another solution. Managed to prevent the of canvas side bar to close when clicking on link or site and just added a close button inside the menu.

Two last questions:

1. The filter product counter doesn’t show up in the off canvas filter, while they do in normal sidebar widget. any thoughts on this?

2. Is there a way to donate to your awesome plugin and great support?

Cheers,
Joren

Hi @jorenbakker

Perfect, what is your solution to prevent the close event?

1. The filter product counter doesn’t show up in the off canvas filter, while they do in normal sidebar widget. any thoughts on this?

This is most likely because of the way WooCommerce fills this widget. If there are two locations that need to be updated it could be that the JS made by WooCommerce only updates the first one, not all others..

2. Is there a way to donate to your awesome plugin and great support?

Definitely! Firstly it would be great if you would like to give this plugin a nice review ?? And if you want, any donation is welcome of course!
https://www.keraweb.nl/donate.php?for=off-canvas-sidebars

Thanks in advance!

Cheers, Jory

Hi @jorenbakker

1. The filter product counter doesn’t show up in the off canvas filter, while they do in normal sidebar widget. any thoughts on this?

This is most likely because of the way WooCommerce fills this widget. If there are two locations that need to be updated it could be that the JS made by WooCommerce only updates the first one, not all others..

Sorry, this was probably incorrect.
WooCommerce doesn’t support AJAX reloading at all so that isn’t the issue. Though while looking at the premmerce addon code I also don’t see an active filters widget or anything. How did you currently configure the active filters? I don’t see them on your current test installation.

Cheers, Jory