Home v2 with Visual Composer

Home v2 of Electro is built using Visual Composer.It has 7 rows. The Visual Composer Backend editor of the page look like this

Home v2 VC Code

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

[vc_row][vc_column css=".vc_custom_1464937993697{margin-bottom: 7px !important;}"][rev_slider_vc alias="home-v2-slider"][/vc_column][/vc_row][vc_row][vc_column width="1/2"][electro_ad_block image="2998" ad_text="Catch Big
Deals of the
cameras" action_text="Shop now" action_link="#"][/vc_column][vc_column width="1/2"][electro_ad_block image="2998" ad_text="Tablets,
and More" action_text="From$7444" action_link="#"][/vc_column][/vc_row][vc_row css=".vc_custom_1464938079157{margin-bottom: 45px !important;}"][vc_column][electro_products_carousel_tabs tab_content_1="featured_products" tab_content_2="sale_products" tab_content_3="top_rated_products" tab_title_1="Featured" tab_title_2="On Sale " tab_title_3="Top Rated" product_items="20" product_columns="3"][/vc_column][/vc_row][vc_row css=".vc_custom_1464938197460{margin-bottom: 50px !important;}"][vc_column][electro_vc_products_onsale_carousel show_savings="true" show_custom_nav="true" is_touchdrag="true" title="Deals of the Week" limit="2" nav_next="Previous Deal" nav_prev="Next Deal" savings_text="Save"][/vc_column][/vc_row][vc_row css=".vc_custom_1464938266055{margin-bottom: 50px !important;}"][vc_column][electro_vc_products_cards_carousel show_top_text="true" show_categories="true" show_nav="true" title="Bestellers" rows="2" columns="2" cat_limit="3"][/vc_column][/vc_row][vc_row css=".vc_custom_1464938308733{margin-bottom: 50px !important;}"][vc_column][vc_single_image image="3101" img_size="full"][/vc_column][/vc_row][vc_row][vc_column][electro_vc_products_carousel shortcode_tag="products" show_custom_nav="true" is_nav="true" is_dots="true" is_touchdrag="true" title="Laptops & Computers" limit="20" columns="4" items="4"][/vc_column][/vc_row]

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

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

Likewise you can move the page content anywhere. You can change the priority number to insert the content wherever you wish.

  • Page Content View :


  • Revolution Slider Setting : Here i pasted a Revolution Slider Setting Page image.

  • Slider View :

Ads Block

  • It has two columns in ratio 1/2 + 1/2.
  • Both the columns has Ads Block setting .
  • Here i pasted a sample of Ads Block setting.

  • Ads Block View :

Product Carousel tabs

  • It has Product Carousel tabs element.
  • Product Carousel tabs : Here i pasted a Product Carousel tabs Setting Page image.

  • Product Carousel tabs View :

Electro Onsale Products Carousel

  • It has Electro Onsale Products Carousel element
  • Electro Onsale Products Carousel : Here i pasted a Electro Onsale Products Carousel Setting Page image.

  • Electro Onsale Products Carousel View :

Electro Products Cards Carousel

  • It has one Electro Products Cards Carousel
  • Electro Products Cards Carousel : Here i pasted a Electro Products Cards Carousel Setting Page image.

  • Product Cards Carousel View :

Single Image

  • It has one Single Image element
  • Single Image : Here i pasted a Single Image Setting Page image.

  • Single Image View :

Electro Products Carousel

  • It has one Electro Products Carousel element
  • Electro Products Carousel : Here i pasted a Electro Products Carousel Setting Page image.

  • Electro Product Carousel View :

Sidebar Section

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.


Sidebar Section View :