Skip to content

# Home v5 via Visual Composer

Home v5 of Electro is built using Visual Composer.It has 11 elements. The Visual Composer Backend editor of the page look like this

### Home v5 VC Code

Please switch your editor to classic mode and paste the code given here :

After pasting the code, you can simply switch to Backend Editor to view the screen just like in the screenshot above.

## The Details

### Page Content

Output

Setting

you can add your own content between existing blocks in home pages. Home pages can be constructed either via Page Attributes ( which is default ) or via Visual Composer ( which can be added easily ).

- Page Attributes : For ex : If you want to add a text box under the Tabs Carousel, you can adjust the priority of “Page Content” in General block and make it appear after the ad blocks.
- Page Content Setting : Here is the screenshot for your reference

### Electro Nav Menu

Output

Settings

- Title – Enter title – Default: Electro Best Selling:
- Menu – Choose menu – Default: Home v5

### Slider

Output

Settings

- Revolution SliderSetting – Select Revolution Slider for your page

### Product Carousel Tabs

Output

Settings

- Enter title – Enter title of the block – Default: Save Big on Warehouse Cleaning
- Action Text – Enter action text – Default: Go to Daily Deals Section
- Action Link – Enter action text link URL
- Tabs

- Title – Enter tabs title – Default: -80% off
- Shortcode – Choose product shortcode – Featured Products
- Limit – Enter number of products – Default: 12
- Orderby – Field name by which the categories should be ordered – Default: date
- Order – Enter the order of the product to be displayed either in Ascending or Descending Order – Deafult: ASC
- Carousel:Items – Enter the number of products to be displayed – Default: 6
- Carousel : Show Navigation – Enable / Disable carousel navigation
- Carousel: Show Dots – Enable / Disable carousel dots
- Carousel: Autoplay – Enable/disable to have autoplay option in carousel

### Ads Block

Output

Settings

- This row has two columns in ratio 1/2 + 1/2.
- All the columns has Ads Block setting .
- Ads Block Settings

- Image – Upload image for ads block
- Caption Text – Enter the ads block text – Default: Catch Hottest Deals in Cameras Category
- Action Text – Enter the ads block button text – Default: Shop now
- Action Link – Enter the URL for the ads block button – Default: #

### Electro Products Carousel

Output

Settings

- Enter title – Enter title – Default: Trending products
- Action Text – Enter action text – Default: Go to Trending products
- Action Link – Enter action text link URL
- Shortcode – Choose product shortcode
- Number of products to display – Enter number of products to be displayed – Default: 20
- Orderby – Field name by which the categories should be ordered – Default: date
- Order – Enter the order of the product to be displayed either in Ascending or Descending Order – Deafult: ASC
- Product Choice – Choose products either by Ids or SKU
- Product IDs or SKUs – Enter product IDs/SKUs
- Carousel:Items – Enter the number of products to be displayed
- Carousel : Show Navigation – Enable / Disable carousel navigation
- Carousel: Show Dots – Enable / Disable carousel dots
- Carousel: Enable Touch Drag – Enable / Disable carousel touch drag
- Carousel: Autoplay – Enable/disable to have autoplay option in carousel
- Enter class name – Enter extra class name for this block – Default: trending-products-carousel

### Electro Products Carousel with Category Tabs -1

Output

Settings

- Enter title – Enter title – Default: Popular Products
- Shortcode – Choose product shortcode
- Orderby – Field name by which the categories should be ordered – Default: date
- Order – Enter the order of the product to be displayed either in Ascending or Descending Order – Deafult: ASC
- Limit – Enter the number of products to display. – Default: 6
- Enable Header Categories – Enable/disable categories list on header block.
- Enter categories title – Enter category title – Default: Top 20
- Number of Categories to display – Enter number of categories to be displayed – Default: 6
- Have no products – Enable/disable categories does not have products
- Orderby – Field name by which the categories should be ordered – Default: date
- Order – Enter the order of the product to be displayed either in Ascending or Descending Order – Deafult: ASC
- Include ID’s – Enter the product ids
- Include slug’s – Enter categories to be displayed
- Number of Vertical Categories to display – Enter the number of vertical categories to be displayed
- Have no products – Enable/disable categories does not have products
- Orderby – Field name by which the categories should be ordered – Default: date
- Order – Enter the order of the product to be displayed either in Ascending or Descending Order – Deafult: ASC
- Include ID’s – Enter the number of category menu to be displayed – Default: 10
- Include slug’s – Enter the categories menu that should be displayed in the block
- Carousel:Items – Enter the number of products to be displayed
- Carousel : Show Navigation – Enable / Disable carousel navigation
- Carousel: Show Dots – Enable / Disable carousel dots
- Carousel: Enable Touch Drag – Enable / Disable carousel touch drag
- Carousel: Autoplay – Enable/disable to have autoplay option in carousel

### Single Image

Output

Settings

- Widget title – Enter title of the image
- Image source – Select image source – Default: Media library
- Image – Upload image
- Image size – Enter image size – Default: full
- Add caption? – Add image caption.
- Image alignment – Select image alignment.
- Image style – Select image display style.
- On click action – Select action for click action.

### Electro Products Carousel with Category Tabs -2

Output

Settings

- Enter title – Enter title – Default: Laptops & Computers
- Shortcode – Choose product shortcode
- Orderby – Field name by which the categories should be ordered – Default: date
- Order – Enter the order of the product to be displayed either in Ascending or Descending Order – Deafult: ASC
- Limit – Enter the number of products to display. – Default: 6
- Enable Header Categories – Enable/disable categories list on header block.
- Enter categories title – Enter category title – Default: Top 20
- Number of Categories to display – Enter number of categories to be displayed – Default: 6
- Have no products – Enable/disable categories does not have products
- Orderby – Field name by which the categories should be ordered – Default: date
- Order – Enter the order of the product to be displayed either in Ascending or Descending Order – Deafult: ASC
- Include ID’s – Enter the product ids
- Include slug’s – Enter categories to be displayed
- Number of Vertical Categories to display – Enter the number of vertical categories to be displayed
- Have no products – Enable/disable categories does not have products
- Orderby – Field name by which the categories should be ordered – Default: date
- Order – Enter the order of the product to be displayed either in Ascending or Descending Order – Deafult: ASC
- Include ID’s – Enter the number of category menu to be displayed – Default: 10
- Include slug’s – Enter the categories menu that should be displayed in the block
- Carousel:Items – Enter the number of products to be displayed
- Carousel : Show Navigation – Enable / Disable carousel navigation
- Carousel: Show Dots – Enable / Disable carousel dots
- Carousel: Enable Touch Drag – Enable / Disable carousel touch drag
- Carousel: Autoplay – Enable/disable to have autoplay option in carousel

### Electro products Cards Carousel

Output

Settings

- Enter title – Enter title – Default: Television Entertainment
- Rows – Enter the number of product rows – Default: 1
- Columns – Enter the number of product columns – Default: 4
- Show Carousel Navigation – Enable / Disable carousel navigation
- Show Top Text – Enable / Disable top text
- Show Categories – Enable / Disable categories
- Limit – Enter the number of products to display. – Default: 12
- Shortcode – Choose product shortcode
- Orderby – Field name by which the categories should be ordered – Default: date
- Order – Enter the order of the product to be displayed either in Ascending or Descending Order – Deafult: ASC
- Carousel: Autoplay – Enable/disable to have autoplay option in carousel
- Number of Categories to display – Enter number of categories to be displayed – Default: 5
- Have no products – Enable/disable categories does not have products
- Orderby – Field name by which the categories should be ordered – Default: date
- Order – Enter the order of the product to be displayed either in Ascending or Descending Order – Deafult: ASC
- Include ID’s – Enter the product ids
- Include slug’s – Enter categories to be displayed

### Product Categories Block

Output

Setting

- Enter title – Enter title – Default: Top Categories this Week
- Enter Columns– Enter number of product columns to be displayed – Default: 4
- Number of Categories to display – Enter the number of categories to be displayed – Default: 8
- Have no products – Enable/disable categories does not have products
- Orderby – Field name by which the categories should be ordered – Default: date
- Order – Enter the order of the product to be displayed either in Ascending or Descending Order – Deafult: ASC
- Include slug’s – Enter category to be displayed in this block
- Include ID’s – Enter catgeory to be displayed by IDs
- Enter class name – Enter extra class name for this block

### Ads with Banner Block

Output

Setting

- Title – Enter title – Default: G9 Laptops with
  Ultra 4K HD Display
- Description – Enter description – Default: and the fastest Intel Core i7 processor ever
- Price – Enter price – Default: from$399
- Action Link – Enter URL
- Image – Upload image
- Banner Action Link – Enter banner action link URL
- Banner Image – Upload banner image
- Banner Alignment – Enable/disable banner alignment
- Enter class name – Enter extra class name for this block

###### Contents

- Welcome
- Getting Started
  - Introduction
  - Whats new in 2.0 ?
  - Upgrading from v1.x.x
  - 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 Page Template
    - Home v1 via Visual Composer
  - Home v2
    - Home v2 via Page Template
    - Home v2 via Visual Composer
  - Home v3
    - Home v3 via Page Template
    - Home v3 via Visual Composer
  - Home v4
    - Home v4 via Page Template
    - Home v4 via Visual Composer
  - Home v5
    - Home v5 via Page Template
    - Home v5 via Visual Composer
  - About
  - Contact v1
  - Contact v2
  - FAQ Page
  - Terms & Conditions
  - Store Directory
- 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
- Navigation
  - General Guidelines
  - Menus & Locations
  - Creating Megamenus
- Theme Options
  - General
  - Shop
  - Header
  - Footer
  - Mobile
  - Navigation
  - Blog
  - Social Media
  - Styling
  - Typography
  - Custom Code
- 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
- Customisations
- FAQ