Whats new in 2.0 ? – Electro Documentation

Skip to content

# Whats new in 2.0 ?

Many parts of Electro has been completely re-written. In this chapter, we’ll list all the changes we’ve made in Electro 2.0

## Newly Added Features

### Home Pages

We’ve added 2 new home pages to Electro. We are calling them Home v4 and Home v5. These 2 home pages have added 10 new sections with their Visual Composer equivalent elements. Here are the screenshots of the newly added home pages :

Home v4
Home v5

### Dedicated Mobile Home pages

We’ve introduced 2 new pages just for mobile. These pages are meant specially for mobile. They will have a different header, footer and content. New settings in Electro theme options to control which page should load if accessed from mobile.

Mobile Home v1
Mobile Home v2

### New Headers

With 2 new home pages, we’ve also added 2 new headers.

Header v5
Header v6

### New Menus

We now have introduced 2 menu locations.

- Off Canvas Menu: Earlier an offcanvas menu was available only on mobile view. Now this menu is available on all screens
- Mobile Handheld Department: Departments menu in Mobile Home v2

Off Canvas Menu
Mobile Handheld Departments Menu

## Improvements

### Changes to mobile layout

With inputs from our customers, we’ve completely re-written the mobile responsive view of our existing pages. Most visible changes are :

- New Mobile header
- Default 2-columns for products in mobile view
- Improved display for Product Cards
- Various structures are neatly re-arranged instead of single column
- Scrollable tabs instead of vertical columns
- New Footer for mobile

Home v1 in Mobile in Electro 1.4.x
Home v1 in Mobile in Electro 2.0

### Migration to Flexbox

We’ve migrated from traditional CSS float for layout to Flexbox. Even though the theme loads Bootstrap 3.7.x ( for backward compatibility ), we’ve re-written most of the layouts using Bootstrap 4’s grid mixins. Flexbox allows greater flexibility and removes hacks that are used to adjust layout issues. Here are the places where we’ve re-written CSS code for layout using Flexbox :

- Header Elements
- Footer Widgets and Footer Bottom Widgets
- The complete page layout with sidebar
- Product lists and Product Cards

### General Reduction in spacing

In Electro 1.x, there were lot of white spacing between sections and between elements within sections. We’ve reduced them as that is the latest trend with latest eCommerce websites. Here is a quick look at the differences :

Home v1 Spacing in Electro v1.4.x
Home v1 in Electro 2.0

### 30% increase in Shop Page Speed

Shop pages in Electro by default had 4 views. We have optimized the data load logic for these views. Our tests have confirmed improvement in shop page speed upto 30%.

### Complete One Click Demo Import

Earlier in 1.2.x versions, we had supplied one click demo import. However after one click demo import you will have to do additional configurations and import sliders separately. With 2.0, every configuration and even slider import is taken care by just one click making it truly One Click Demo Import

## Deprecated Features

- The Handheld Footer Bar has dropped in 2.0
- Remove SASS files from the theme package

###### 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