Theme Documentation

Home

Home Page of Electro is built using Visual Composer with 7 rows. The Visual Composer Backend editor of the page look like this

Content Section

  1. Navigate to Home v1 page and make sure Homepage v1 is choosen under Page Attributes > Template.
  2. Click on Publish.
  3. After Publish, Home v1 options will appear in the meta box area. Here you can edit the default content or upload your own image.

    Here is the screenshot for your reference

  4. Home v1 option comes with three different options which makes for the benefit of the user to change.

    • Animation : Electro Elements can be animated when they appear on viewport. More than 25+ CSS3 animation effects are available which includes :

    • Bounce

    • Flash
    • Pulse
    • RubberBand
    • Shake
    • Swing
    • Tada
    • Wobble
    • Jello

    • Priority : Used to specify the order in which the functions associated with a particular action are executed. Lower numbers correspond with earlier execution, and functions with the same priority are executed in the order in which they were added to the action. Default value: 10 and the user can add lower or higher value to change the order.

    • Enabled : In default all the Electro Element blocks are enabled, User can uncheck to disable the particular Electro Element block.

Row 1


  • It has Slider element.
  • Slider Setting : Here is the screenshot for Slider setting

Row 2


  • It has Ads Block element.
  • Ads Block Settings : Here is the screenshot for Ads Block setting

Row 3


  • It has Deal and Tabs Block element.
  • Deal and Tabs Block Settings : Here i pasted a Deal and Tabs Block Settings Page image.

Row 4


  • It has 2-1-2 Products Block element.
  • 2-1-2- Products Block Setting : Here i pasted a 2-1-2- Products Block Settings Page image.

Row 5


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

Row 6


  • It has Banner element
  • Banner Settings : Here i pasted a Banner Setting Page image.

Row 7


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