Modal Popup Box for Visual Composer

Minimum Requirements

In order to get this product working flawlessly, please ensure that all the minimum requirements as specified below will be satisfied.

Installation

Installing Through Dashboard:

  1. Go to Plugins -> Add New -> Upload
  2. Choose the installable ZIP file (that you have download in your computer from codecanyon) Upload that file.
  3. Now, click on activate link to activate the plugin.
 
 
 
Installing Through FTP:
  1. Extract the installable ZIP file (that you have download in your computer from codecanyon) Upload the extracted folder into wp-content/plugins directory.
  2. Activate the plugin through the 'Plugins' menu in WordPress.
 
 
After successful activation:
 
  1. Settings => Visual Composer => General Settings
  2. Select the appropriate user group and ensure elements you need are enabled. Only the enabled elements will come in Visual Composer Editor.

 

Visual Composer Brief Introduction

  1. Add new page or edit the existing one
  2. Click Visual Composer button to start designing custom pages from their editor. Screenshot.
  3. The Visual Composer Advanced Editor page will look something like this.
 
Click "Add Element" to start using the elements directly or click "Add row" to define your grid structure before hand. 
 
For more help about Visual Composer, refer WPBakery's own documentation here.
 
 

Getting started with Modal Popup Box Addon

  1. If you click "Add Element" in Visual Composer a jQuery popup box will appear.
  2. Find & select the "Modal Box" from the list of all elements.

Create Modal Popup Box

Icon Fonts Manager

By default, we ship this plugin with Entypo Icon font. But if you would like, you can upload new Icon fonts or delete existing ones that you might have added already.

 

How to upload new set of icons / delete existing set of icons?

In the appearance menu of WordPress, you will find a new menu "Icons Manager" as you see below

 

That's where you can upload new set of icons / delete existing set of icons. There is a real time search box available as well so you can cross check and see if you have the icon available that you are looking for.

 

To upload new set of icons - 

 

  1. Go to IcoMoon App here
  2. Shortlist the icons by clicking on individual ones that you like. You have a real time search feature available as well if that makes your job easier.
  3. If you still can't find the icons that you want in the set, click on the link "More Icon Sets..." at the bottom of the page where you can load more font icon libraries in your selection area where you shortlist and select your favorite icons (in step 2) Screenshot
  4. Once you shortlist the icons for your set, click on the button "Font" in the fixed menu at the bottom of page. Screenshot
  5. The page that come after you click "Font" button in the last page is where you can review, edit and customize your selected icons.
  6. Once you are satisfied with your selection, just hover on the button "Download". Don't click there as of yet! Screenshot
  7. Give a unique name to your shortlisted set. Again - make it a unique name and different than what you already have on your website so that they won't conflict. Once you gave it a name, click the "Download" button.
  8. A ZIP file will be downloaded.
  9. Now - go back to your website's "Icons Manager" area.
  10. Click "Upload New Fonts" http://d.pr/i/wDkL then "Upload Files" then Select the ZIP file that we downloaded from IcoMoon & upload it. Screenshot
  11. Finally - click "Insert Fonts Zip File" button at the right bottom and your new font will be uploaded quickly.

 

To delete existing set of icons - 

Just click the "Delete Icon Set" button. Screenshot
 
 
To use the newly uploaded fonts in Visual Composer -
 
No action is really necessary at your side. Just refresh the editor page and newly uploaded icons will load on your Visual Composer.