Off-Canavas sidebar should remain open when clicking shop filters

Hello @Andri,

Could you please provide us with a video demonstrating the issue so that we can determine whether you are using the default shop layout or a prebuilt one based on the Elementor builder?

Additionally, you may try the following solution: add the “Apply All Filters” widget to the top of your sidebar area (https://gyazo.com/f3d0297991f5144a19e9a639ae53ce94). This will produce the desired result, as the sidebar will remain open while you select filters and will only close once you click the “Apply Filters” button.

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @Andri,

Any filter action performed from the sidebar triggers the product filtering process, which causes the sidebar to close. This behavior is correct. Could you please also attach a video showing how the previously mentioned solution works when applied to your sidebar content (the “Apply All Filters” button)? We will review our code to determine whether it is possible to implement a solution that keeps the sidebar open without using the requested widget, and we will provide you with feedback accordingly.

Best regards,
Jack Richardson
8Theme Team

Hello @Andri,

Please download the files from the URL provided in the private area and upload them to your theme directory according to the paths specified for each file. Then, add the following PHP snippet:

add_filter('etheme_off_canvas_autoclose_ajax_filters_action', '__return_false');
add_action('wp_footer', function() { ?>
	<script type="text/javascript">
		jQuery(document).ready(function($) {
			$(document).on('et_ajax_content_loaded', function() {
				$('.elementor-widget-etheme_sidebar .etheme-elementor-off-canvas__toggle_button:visible').trigger('click');
			});
		});
	</script>
<?php });

You can add this snippet to your child theme’s functions.php file or use a plugin for code snippets, such as https://wordpress.org/plugins/code-snippets/.

Please note that during any AJAX action, most of the page content is reloaded and replaced with new data, which also replaces the off-canvas element and closes the toggle. The snippet above will ensure that it reopens automatically.
Frontend result: https://gyazo.com/8f378cc6a09f0c6247eb0b37a6ff30c4

Also, please note that we do not provide additional customization through our support forum. However, we always strive to assist our customers with small code snippets whenever possible.

Best regards,
Jack Richardson
The 8Theme’s Team