Show Sticky Off Canvas Sidebar Button on Desktop

Hello,

This option is available for the shop/category page and can be set in the Theme Settings > Shop page > Sidebar and titles.

Best Regards

Hello,

Have you resolved this problem as well? If you have not, please provide your site admin access to the private area.

Best Regards

Hello,

Please specify what problem do you have now? Your sticky sidebar works properly: https://gyazo.com/672b1e61c134c8add55d1ac1c033421d

Best Regards

Hello,

Now I see what you mean. Yes, the filter sidebar is available for mobile-only. As you can see in the Theme settings, this option has the description: “Display the filters button fixed on the screen for mobile and tablet devices.”

Best Regards

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .offcanvas-sidebar-mobile .woodmart-sticky-sidebar-opener {
    display: block;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none;
    pointer-events: unset;
}

Best Regards

Hello,

Please add this code to the Theme Settings > Custom CSS > Desktop:

body.offcanvas-sidebar-desktop .woodmart-sticky-sidebar-opener {
    display: block;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none;
    pointer-events: unset;
    z-index:400;
}

Please remove the code provide before.

Best Regards

Hello,

Replace the code in the Theme Settings > Custom CSS > Desktop

body.offcanvas-sidebar-desktop .woodmart-sticky-sidebar-opener {
    display: block;
    opacity: 1;
    visibility: visible;
    pointer-events: unset;
    z-index:400;
}
body.offcanvas-sidebar-desktop .woodmart-sticky-sidebar-opener.woodmart-sidebar-btn-shown {
    -webkit-transform: none;
    transform: none;
}

Add this code into the Theme Settings > Custom JS on document ready:

function stickySidebarBtn () {
        var $trigger = jQuery('.woodmart-show-sidebar-btn');
        var $stickyBtn = jQuery('.shop-sidebar-opener:not(.toolbar)');
        if ($stickyBtn.length <= 0 || $trigger.length <= 0 || jQuery(window).width() < 1024) return;
        var stickySidebarBtnToggle = function () {
            var btnOffset = $trigger.offset().top + $trigger.outerHeight();
            var windowScroll = jQuery(window).scrollTop();
            if (btnOffset < windowScroll) {
                $stickyBtn.addClass('woodmart-sidebar-btn-shown');
            } else {
                $stickyBtn.removeClass('woodmart-sidebar-btn-shown');
            }
        };
        stickySidebarBtnToggle();
        jQuery(window).scroll(stickySidebarBtnToggle);
        jQuery(window).resize(stickySidebarBtnToggle);
    };
stickySidebarBtn();

Best Regards