I am working with the June WooCommerce theme and I would like to add a new custom sidebar to use in place of the existing “Sidebar Woocommerce”. I would like to use this new sidebar on all WooCommerce pages. Please let me know how I can do this.
Unfortunately, this is not a feasible solution for us as we have hundreds of product pages. I also tried creating a custom sidebar in the section you suggested, but it only allows me to select the pages where a sidebar appears, not create a custom one. Am I missing something? How can I choose another sidebar to replace the WooCommerce sidebar that is currently displaying?
As an alternative, I tried installing the Off-Canvas Sidebars and Menus plugin but the sidebar I created is not selectable if I am editing the Shop page. Do you know if this plugin is compatible with June, or how I can make it compatible?
In case I wasn’t clear, I am looking to add off-canvas functionality to the sidebar on mobile, instead of having it appear below the products and pagination links. Where it is positioned in the theme currently is unusable and a poor customer experience to have to scroll down past all the products in order to filter.
Please let me know exactly how you want the sidebar to be styled. To change the sidebar widgets you have only to go into Appearances > Widgets and change the widget into Sidebar WooCommerce widget area with the widget you want. Also you can change the widget into the Shop InPage Filters widget area.
In case you want to change the style and the position of the sidebar this need a customization in the theme original code.
If you want to disable sidebar in responsive this can be done with minimal codding css styles.
On mobile, I would like there to be a “Show Filters” button or link on the category page that, when clicked, slides an off-canvas sidebar out from the left side of the screen and overlays on top of the page. Similar functionality and styling as this page:
I thought perhaps the plugin I mentioned above would accomplish this, but it does not appear that I am able to assign a sidebar created with the Off-Canvas plugin to replace the WooCommerce Sidebar that currently shows on my website.
I would settle for a CSS or JavaScript solution that accomplishes this. Is this something you would be able to provide?
