Dainty - How to Setup a Separate Sidebar for Shop Pages
We often get asked how you can create a separate sidebar for shop related pages so that you can feature items not in your primary sidebar primarily on these pages. The demo displays this additional sidebar on the home page.
- Download the WooSidebars plugin. You can download that here or by doing a search for Plugins > Add New > and Search for WooSidebars.
- Once you Install and Activate that, navigation to Appearance > Widget Areas. (Note: This will only show up with the WooSidebars plugin installed and activated.)
- Click on ADD NEW at the top and give your Sidebar a name. Since this is the sidebar specifically associated with the Shop section, we named it Shop Sidebar.
- Once you do that, you’ll be taken to a new screen. First you’ll need to choose which sidebar to replace. For this purpose we are replacing the Primary Sidebar with the new sidebar.
- Next, Click on the Advanced Tab in the right corner.
- In the Pages section you’ll choose which pages you want to use this sidebar on. We have ours setup to display on the Cart page and the Checkout page.
- Next, click over to the Template Hierarchy settings in this same screen and configure it as follows.
- Finally, Click over to the Woo Commerce Tab and configure it accordingly:
Once you do all of that just hit save! You’ll see the new sidebar area in your Widget section. Configure it the same way you would your Primary Sidebar by dragging and dropping your Widgets.
The Dainty demo displays a WooCommerce Product Categories widget, a WooCommerce Products widget, and a Search widget. The settings are shown below: