Close off canvas sidebar after form submit

Hi guys,
I recreate product archive template using your layout builder and elementor. All fine but if you take a look my website on mobile, you can see an off canvas sidebar opened by show column button. Inside the sidebar I put Berocket product filters (cause their Ajax filter are more flexible and much flexible). The problem is that sidebar stay opened even after filter will be applied when you submit the form. How can I close the sidebar after the form was submitted on mobile? Thanks

Hello,

To better assist you with your request, we’ll need temporary admin access to your website. Can you please provide us with the necessary login credentials? We understand the sensitivity of this request, and we assure you that we will handle your information with the utmost confidentiality.

Looking forward to collaborating with you!

Kind Regards

Here you are

Any update here?

Hi there!

I apologize for the delay!

We would like to request permission to switch to the parent/default theme, disabling all unnecessary plugins for testing purposes. As soon as we have completed our testing, we will enable everything back to the way it was.

Let us know if you have any questions or concerns.

Kind Regards

Obviously you can but you need to activate Berocket plugin in order to work with custom filters

Hello,

Seems that right now it works well, I would recommend checking out the video below.

https://monosnap.com/file/6F1YgIg6f4YHLQSAscmTSdNOiDyBqE

If there’s anything else you’d like to know, please don’t hesitate to ask.

Kind Regards

Sorry but my question is different. I know the sidebar works what I asked for it’s related to close sidebar after submit filter. If you try your demo the left sidebar will close after the filter selection. So what I’m asking is if it possible to close the sidebar after submit form. Is there a jQuery code can I use?

Hello,

Here’s a code that may be helpful for you to use. Please feel free to copy and paste it in Theme Settings -> Custom JS.

(function($) {
	$(document).on('berocket_ajax_filtering_end', function(){
		var $colOffCanvas = $('[class*="wd-col-offcanvas"]');
		
		if ($colOffCanvas.hasClass('wd-inited') && $colOffCanvas.hasClass('wd-opened')) {
			$colOffCanvas.removeClass('wd-opened');
			$('.wd-close-side').removeClass('wd-close-side-opened');
		}
	})
})(jQuery);

If you have any questions or encounter any issues, please don’t hesitate to let me know and I’ll be happy to assist you further.

Kind Regards

Works great! Thank you so much!!

Hello,

We’re always here to help you in any way we can. If you have any questions, concerns, or need further assistance, please don’t hesitate to reach out to me or a member of our dedicated help desk team. Our goal is to provide you with the best possible service and support. Thank you for choosing us and have a great day!

Kind Regards

[Author]

Posts