Home Forums WoodMart support forum Show Filters Icon not working on mobile

Show Filters Icon not working on mobile

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #633887

    yaunki
    Participant

    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!

    #633895

    Artem Temos
    Keymaster

    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.

    #633971

    yaunki
    Participant

    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 1 day ago by yaunki.
    #634109

    Artem Temos
    Keymaster

    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

    #634111

    yaunki
    Participant

    Thank you!
    Seems it’s working properly now

    #634140

    yaunki
    Participant

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

    #634168

    Artem Temos
    Keymaster

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

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

    #634191

    yaunki
    Participant

    Thank you for assistance.

    #634202

    Artem Temos
    Keymaster

    You are welcome.

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Show Filters Icon not working on mobile’ is closed to new replies.