Show Filters Icon not working on mobile

Have strange issue with Ajax category pages and mobile view.
I have mobile view for category pages and everything working properly there if I go by direct link or use menu items.
I have shop and couple of category pages to have only categories displayed(no filters and products).
If on Mobile I go to such category and select any inner category – it’s opened by ajax refresh and show filters button not working. Looks like some JS doesn’t initialize properly.

Seems like some sort of general issue. Is it any solution for this to be used?

Thanks in advance!

Hello,

Please disable any plugins not directly related to our theme and provide us with your admin access details. We will log in to your dashboard and investigate the issue. Please ensure that you only keep the following plugins that are necessary for our theme to work correctly:
– WoodMart core
– WooCommerce
– Elementor/WPBakery Page Builder

Thank you in advance.

[yaunki]

Steps to reproduce: (mobile device only)
1. Open main page of site http://3069847.bnbdev.web.hosting-test.net/
2. Click Shop icon on bottom menu(First on the left icon)
3. Click on any Category in shop archive page
4. Click on filter button to open slide out filters panel – Nothing happened.

It’s testing environment, so feel free to do whatever needed there.

• This reply was modified 9 months, 1 week ago by yaunki.

To fix these problems, you need to do the following:

1. Add the following code snippet to the functions.php file in the child theme

add_action( 'wp', function () {
	if ( function_exists( 'woodmart_is_shop_archive') && woodmart_is_shop_archive() ) {
		woodmart_enqueue_js_script( 'off-canvas-colum-btn' );

		wp_enqueue_script( 'jquery-ui-slider' );
		wp_enqueue_script( 'wc-jquery-ui-touchpunch' );
		wp_enqueue_script( 'accounting' );
		wp_enqueue_script( 'wc-price-slider' );
	}
});

2. This snippet to the custom JS in Theme Settings

(function($) {
	$(document).on('wdShopPageInit', function () {
		$( document.body ).trigger( 'init_price_filter' );
	});
})(jQuery);

Kind Regards

Thank you!
Seems it’s working properly now

Found one more issue on this page.
Going with same scenario – banner on top also don’t have sliding available

Go to Theme Settings -> Performance -> JS -> Advanced script control and enable the following scripts:

https://monosnap.com/file/uhxbSnzQaInImouLYPHg7q7qMfHzEt
https://monosnap.com/file/Z6gwpvRpiN2BopfP5KXv4JztGYbQgF

Thank you for assistance.

You are welcome.

[Author]

Posts