Boulder has a number of different widget areas setup by default, including:

  • Left Sidebar Menu - displays widgets on pages created with the Default page template
  • Right Sidebar Menu - displays widgets on pages created with the Right Sidebar page template
  • Sidebar - displays widgets on blog posts and pages
  • Top toolbar - Left - displays widgets in the very top row of the header, above the logo on the left.
  • Top toolbar - Right - displays widgets in the very top row of the header, to the right hand side.
  • Mobile Search - this widget should be used to add a search widget to the top of smartphone devices.
  • Header Search - this widget should be used to add a search widget to the right hand side of your header.
  • Shop Sidebar - displays widgets on your shop pages when you have shop sidebar active
  • Below main body - a full width widget area beneath your main body but before the footer.
  • First Footer - displays widgets in the first of two footer rows. This widget area works best with a max. of 4 widgets added to it.
  • Second Footer - displays widgets in the second of two footer rows. This widget area works best with a max. of 4 widgets added to it.

Creating your own widget areas


The theme installs the excellent WooSidebars which lets you create your own custom widget areas if you so wish. To do so:

  • Go to Appearance->Widget Areas
  • Click "Add new"
  • Add a Name and Description
  • You then need to decide how you would like the new widget area to work. You have a lot of flexibility as to how widget areas appear. I highly recommend checking out the WooSidebars docs http://docs.woothemes.com/document/woosidebars-2/ for full details.


Adding widgets to your Widget areas

You can setup your widgets according to your own preferences. For the demo site, we have setup the following widgets.

Right Sidebar



Left Sidebar




Sidebar



Top Toolbar - Left

We use a simple text widget to create a top menu in the top toolbar left widget area.



If you're using WPML, this is where we recommend you add your Language Selector and currency widget.




Shop sidebar



First Footer



Second Footer









 

Advanced widget settings on the Shop Sidebar

For some of the more sophisticated widgets illustrated above in the Shop Sidebar, here is a little bit more detail on how exactly these widgets are configured in Boulder.

 

WooCommerce Product Categories



YITH WooCommerce Ajax Navigation - Filter by Size



YITH WooCommerce Ajax Navigation - Filter by Season




That should be everything you need to setup widgets!