Home v1 Mobile via Visual Composer

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

Home v1 Mobile 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. We have documented this step here :

The Details

Slider

Output

Setting

  • Revolution Slider – Choose slider for your homepage – Default: Home-v1-slider

Ads Block

Output

Setting

  • This row has two columns in the ratio 1/2 + 1/2
  • Both the columns have Ads block
  • Ads Block setting
    • Image – Upload image for ads block
    • Caption Text – Enter the ads block text – Default: Catch Big Deals on the Cameras
    • Action Text – Enter the ads block button text – Default: Shop now
    • Action Link – Enter the URL for the ads block button – Default: #

Product Categories List

Output

Settings

  • Enter Columns – Enter the number of columns to display. – Deafult: 4
  • Number of Categories to display – Enter 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 ID’s – Enter the product ids
  • Include slug’s – Enter categories to be displayed
  • Enter class name – Enter extra class name for this block

Deals Products Block

Output

Settings

  • Enter title – Enter title – Default: Deals of the Day
  • 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: 2
  • Columns – Enter the number of columns to display. – Deafult: 2
  • Action Text – Enter the ads block button text – Default: See all Deals
  • Action Link – Enter the URL for the ads block button – Default: #

Single Image

Output

Setting

  • 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.

Products 1-2 Block

Output

Settings

  • Enter title – Enter title – Default: Featured 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
  • Action Text – Enter the ads block button text – Default: See all products
  • Action Link – Enter the URL for the ads block button – Default: #

Product Categories List with Header Image

Output

Settings

  • Enter title – Enter title – Default: Laptops & Computers
  • Enter subtitle – Enter subtitle – Default: Featured Subcategories
  • Background Image – Upload image
  • Enable Header – Enable/disable header for this block
  • Enter Columns – Enter the number of columns to display. – Deafult: 3
  • Number of Categories to display – Enter number of categories to be displayed – Default: 9
  • 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
  • Header Version – Choose the header style – Default: Type 1
  • Enter class name – Enter extra class name for this block

Electro Products List Block

Output

Settings

  • Enter title – Enter title – Default: Bestsellers
  • Type– Choose type – Default: v2
  • Action Text – Enter the action text – Default: See all Deals
  • Action Link – Enter the action text URL – Default: #
  • Shortcode – Choose product shortcode – Default: Recent 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
  • Limit – Enter the number of products to be displayed. – Default: 6
  • Enable Header Categories – Enable/disable categories 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: 3
  • 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

Single Image

Output

Setting

  • 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 List Block

Output

Settings

  • Enter title – Enter title – Default: Smartphones
  • Type– Choose type – Default: v2
  • Action Text – Enter the action text – Default: See all Deals
  • Action Link – Enter the action text URL – Default: #
  • Shortcode – Choose product shortcode – Default: Recent 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
  • Limit – Enter the number of products to be displayed. – Default: 6
  • Enable Header Categories – Enable/disable categories 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: 3
  • 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: 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 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

Recently Viewed

Output

Setting

  • Enter title – Enter title – Default: Recently Viewed