Sidebars – Electro Documentation

Skip to content

# Sidebars

Electro has 6 sidebar areas which can be used to add your own widgets. The widget areas are customisable with range of widgets. All sidebar areas can be customized from Appearance > Widgets.

## Shop Sidebar

### How to enable the shop sidebar?

The Shop Sidebar is an actual WordPress widgets area and it should show up as soon as it’s populated with at least one widget. Navigate to Appearance > Widgets and populate the Shop Sidebar widget area with a few widgets using drag-and-drop.

Shop Sidebar & Product Filters Sidebar Widget areas in Appearance > Widgets

The shop page has 2 sidebar areas :

1. Products Filter sidebar widget area : In here we place all filter widgets. This widget area is purely for the purpose of styling. So all widgets that needed to be styled like filters should be placed here.

2. Shop Sidebar widget area : This sidebar area should contain all other widgets. By default the Products Filter sidebar widget area ( mentioned above ) is not displayed. There is a widget called “Electro Product Filter” which represents the Products Filter sidebar widget area. You should place all your filter widgets like “WooCommerce Layered Nav”, “WooCommerce Price Filter” in “Product Filters” widget area only. Once you have placed all the filters in the product filters widget, you can then add “Electro Product Filter” widget in ”Shop Sidebar” widget area.

### Shop Sidebar Widgets

Output

1. Electro Product Categories Widget : Widget for Product Categories
2. Electro Product Filter Widget : To filter products.
3. Text Widget : Text widget for Banner Image.
4. WooCommerce Products Widget : Widget for Latest Products.

### Product Filters Sidebar

Please do not include Electro Product Filter widget in Product Filters sidebar. This will your server to crash with memory exhaustion error.

1. WooCommerce Layered Nav Widget : Active Filters.
2. WooCommerce Layered Nav Widget : To filter products by Brands.
3. WooCommerce Layered Nav Widget : To filter products by Colors.
4. WooCommerce Price Filter Widget : To filter products by price.

## Homepage Sidebar

1. To enable sidebar in Homepage choose Homepage V2 Template under Page Attributes.
2. Click on Publish.
3. After publish, Home v2 will appear with right sidebar layout.

### HomePage Widgets

Output

Settings

To configure sidebar for Home v2, navigate to Appearance > Widgets > Home Sidebar here drag and drop the following widgets

1. Text Widget : Text widget for Banner Image.
2. WooCommerce Products Widget : Widget for Latest Products.
3. Electro Features Block Widget : Widget to display Feature List.
4. Electro Products Carousel Widget : Widget for Product Carousel.
5. Electro Post Carousel Widget : Widget for Post Carousel.

## Blog Sidebar

Navigate to Electro > Blog > Blog Page Layout here choose Right Sidebar or Left Sidebar to enable sidebar in Blog Page.

### How to add widgets to Blog sidebar?

You have a a list of Widgets you can choose from when it comes to making the sidebar functional, for this go to Appearance > Widgets. Choose the ones you need and add them to the Sidebar:

### Blog Sidebar Widgets

Output

- Search Widget – The Search widget adds a search box to your blog sidebar, allowing readers to easily search your site for posts and pages you’ve written in the past.
- Text Widget – Text widget about Blog.
- Categories Widget – The Categories Widget organizes your posts by category in your blog’s sidebar.
- Electro Recent Posts Widget – Widget for recent post.
- Tag Cloud Widget – The Tag Cloud widget shows a list of all the tags you’ve assigned to your posts.

## Footer Widgets

In Footer Electro has two Widget areas. They are Footer Widgets and Footer Bottom Widgets.

### Footer Widgets

Output

Settings

Footer Widgets is a widgetized area and can be populated with 3 widgets and are loaded by default when there are no widgets. To change it you can add your own widgets in Appearance > Widgets > Footer Widgets.

You can also disable the footer widgets section in Electro > Footer > Show Footer Widgets to “Off”.On the left hand side are your widgets, simply drag and drop the widgets you want from the left side into the ‘Footer Widget’ sections on the right side.

By default the footer widget area is populated with 3 instances of 3 widgets and they are :

1. WooCommerce Products Widget – configured to display Featured Products
2. WooCommerce Products Widget – configured to display On Sale Products
3. WooCommerce Top Selling Products Widget.

### Footer Bottom Widget Area

Output

Settings

It is a widgetized area and it can contain any number of widgets. It can be populated from Appearance > Widgets > Footer Bottom Widget Area.

By default the footer bottom widget area is populated with 3 instances of 3 widgets and they are :

1. WooCommerce Categories Widgets – configured to display Find It Fast section
2. WP Meta Widget – configured to display Meta Information links.
3. WP Pages Widget – configured to display Pages menu links.

###### Contents

- Welcome
- Getting Started
  - Introduction
  - Whats new in 2.0 ?
  - Upgrading from v1.x.x
  - Installation
    - Direct Download & Installation
    - Manual Download & Installation
  - Demo Content
    - One Click Demo Import (Recommended)
    - Manual Import
  - Updating the theme
  - Changelog
- Set Up Pages
  - Home v1 Mobile
    - Home v1 Mobile via Page Template
    - Home v1 Mobile via Visual Composer
  - Home v2 Mobile
    - Home v2 Mobile via Page Template
    - Home v2 Mobile via Visual Composer
  - Home v1
    - Home v1 via Elementor
    - Home v1 via Page Template
    - Home v1 via Visual Composer
  - Home v2
    - Home v2 via Elementor
    - Home v2 via Page Template
    - Home v2 via Visual Composer
  - Home v3
    - Home v3 via Elementor
    - Home v3 via Page Template
    - Home v3 via Visual Composer
  - Home v4
    - Home v4 via Elementor
    - Home v4 via Page Template
    - Home v4 via Visual Composer
  - Home v5
    - Home v5 via Elementor
    - Home v5 via Page Template
    - Home v5 via Visual Composer
  - Home v6
    - Home v6 via Elementor
    - Home v6 via Page Template
    - Home v6 via Visual Composer
  - Home v7
    - Home v7 via Elementor
    - Home v7 via Page Template
    - Home v7 via Visual Composer
  - About
  - Contact v1
  - Contact v2
  - FAQ Page
  - Terms & Conditions
  - Store Directory
  - Wishlist
  - Compare
  - Track your Order
- Blocks & Sidebars
  - Header
  - Sidebars
  - Footer
- Set Up Shop
  - Shop
  - Set Up Products
  - Product Attributes
  - Single Product Page
  - Cart
  - My Account
  - Checkout
  - Track Your Order
- Static Blocks
  - Introduction
  - Recommended Products Cards Carousel
  - Pages Megamenu Item
  - Accessories Jumbotron
  - Mobiles & Tablets Megamenu Item
- Navigation
  - General Guidelines
  - Menus & Locations
  - Creating Megamenus
- Theme Options
  - General
  - Shop
  - Header
  - Footer
  - Mobile
  - Navigation
  - Blog
  - Social Media
  - Styling
  - Typography
  - Custom Code
- Elementor Elements
  - Product Categories List With Header Image
  - Products 1-2 Block
  - Product Categories List
  - Product Categories Block
  - Product Carousel Tabs 1
  - Products 6-1 with Categories
  - Products with Categories and Image
  - List Categories Menus
  - Ads With Banners Block
  - Electro Products List Block
  - Electro Products Carousel 1
  - Electro Nav Menu
  - Electro Mobile Deals Product
  - Recently Viewed Products
  - Deals Products Block
  - Electro Deal Products Carousel
  - Electro Products Carousel with Category Tabs
  - Ad Block
  - Electro Brands Carousel
  - Electro Onsale Product
  - Electro Onsale Products Carousel
  - Electro Products Cards Carousel
  - Electro Products Carousel
  - Electro Team Member
  - Feature Block
  - Product 2-1-2 Grid
  - Product 6-1 Grid
  - Product List Categories
  - Products Carousel Tabs
  - Products Tabs
  - Slider with Ads Block
  - Electro Deal and Products Tabs
- Visual Composer Elements
  - Ads With Banners Block
  - Deals Products Block
  - Electro Mobile Deals Product
  - Electro Nav Menu
  - Electro Products Carousel 1
  - Electro Products List Block
  - List Categories Menus
  - Product Carousel Tabs 1
  - Product Categories Block
  - Product Categories List
  - Product Categories List With Header Image
  - Products 1-2 Block
  - Products 6-1 with Categories
  - Products with Categories and Image
  - Recently Viewed Products
  - Electro Deal Products Carousel
  - Electro Products Carousel with Category Tabs
  - Ad Block
  - Electro Brands Carousel
  - Electro Onsale Product
  - Electro Onsale Products Carousel
  - Electro Products Cards Carousel
  - Electro Products Carousel
  - Electro Team Member
  - Feature Block
  - Product 2-1-2 Grid
  - Product 6-1 Grid
  - Product List Categories
  - Products Carousel Tabs
  - Products Tabs
  - Slider with Ads Block
  - Electro Deal and Products Tabs
- Troubleshooting
  - Home Pages
    - Ads block settings is empty
    - Visual Composer does not work with Home pages
  - Installation
    - The link you followed has expired. Please try again.
- Customisations
  - Shop Page
    - Show Product availability in Grid view
    - Show Product thumbnail above product title and categories
    - Show Brand name in Shop Page
- FAQ
  - General
  - Installation & Updates
  - WooCommerce
  - Translations