Go to athemes.com

Pro Setting Up Shop Sidebar Positions

Would you like more control over where your shop sidebar sits? Botiga Pro extends the free theme with extra shop sidebar positions, including a top layout and a slide-out off-canvas sidebar.

In this guide, we’ll walk you through how to set up shop sidebar positions in Botiga.

Before you get started, make sure you’ve installed and activated the Botiga theme on your WordPress site. If you’re using features from Botiga Pro, ensure that both the Botiga theme and the Botiga Pro plugin are installed and active. Extra sidebar positions are a Botiga Pro feature, so this requires Botiga Pro.

Find this option in Appearance » Customize » WooCommerce » Product Catalog » Layout » Sidebar.

The shop sidebar position options in the Botiga Customizer

When you select the Top position, a new Sidebar Top Columns field appears so you can set the number of columns.

The Sidebar Top Columns field in the Botiga Customizer
The slide-out sidebar position selected in the Botiga Customizer

The Slide-Out position works like an off-canvas sidebar that shoppers show or hide by clicking a button.

  1. Sidebar Open Button Text: The text of the button that opens the off-canvas sidebar.
  2. Sidebar Open Icon: Show or hide the icon that opens the off-canvas sidebar.
The slide-out sidebar button settings in the Botiga Customizer

Slide-out sidebar styling

Once the slide-out style is enabled, new styling options appear under Appearance » Customize » WooCommerce » Product Catalog (Style) » Layout » Sidebar.

The slide-out sidebar styling options in the Botiga Customizer
  1. Close Icon Color: Controls the color of the icon that closes the sidebar.
  2. Background Color: Controls the background color of the entire sidebar area.
  3. Widgets Divider Color: Controls the divider color between widgets inside the sidebar area.
  4. Sidebar Space Between Widgets: Controls the spacing between widgets inside the sidebar area.
  5. Sidebar Padding: Controls the padding of the sidebar area.

New shop widget area

Botiga Pro extends the theme with a new widget area exclusive to shop pages. This way you can keep one sidebar for pages, blog archives, and blog posts (the Sidebar widget area) and a separate, exclusive sidebar for WooCommerce pages (the Shop Sidebar widget area). Find the new shop widget area in Appearance » Widgets » Shop Sidebar.

The Shop Sidebar widget area in the WordPress Widgets screen

That’s it! You’ve successfully set up shop sidebar positions in Botiga.

Next, would you like to refine the rest of your shop page? Check out our guide on shop header styles to learn more.

image_print