Animated Image Banners for Visual Composer

Version 1.0

• created: 09/06/2014
• latest update: 09/07/2014
• by: InfiWebs
• www.infiwebs.com/plugins/animated
• email: infiwebs@gmail.com

In order to get this product working flawlessly, please ensure that all the minimum requirements as specified below are in place.

• Wordpress - Version 3.7 & above.
• PHP - 5.2 & above.
• WPBakery Visual Composer WordPress plugin - Version 4.3 & above.

Installing Through Dashboard:

1. Go to Plugins -> Add New -> Upload
2. Choose the installable ZIP file (that you have downloaded from CodeCanyon) Upload that file.
3. Now, click on activate link to activate the plugin.

After successful activation of "Animated Image Banners for Visual Composer" plugin, follow these steps to add animations to various images on your website -

• Proceed to Pages -> Add New page.

• If you are using Visual Composer 4.0 and above, you can use "Frontend Editor" or normally click on the button that says "Visual Composer". Visual Compoeser interface will be loaded.

• Click on "+" icon to insert a content element as shown in the image below. Visual Composer elements interface will be loaded.

• On Visual Composer elements list, click on InfiWebs to quickly find our addons. As soon you find it, just click on Animated Image Banners to insert the element into the current row.

• Now, you need to fill up a generated form to generate your Animated Banner. Options in the form are shown in the screenshot below -

Backend Option - 

Following is the extensive description for each form field -

• Banner Style - There are 5 styles at this moment in Version 1.0 that you can apply to the images added on your web page/post. These 5 styles have different types of animations and postioning of Title and Descriptions.

• Background Image - Clicking on the "+" sign shown, you can add an image from the media library of your site on which the animations would be added. All other properties of normal image insertion in WordPress would remain the same.

• Overlay Color - This is the color that will be overlayed on your background image when the mouse is hovered on it. Please note that the color you choose must be transparent which can be selected by changing the alpha value in the color picker. (Refer the image)

• Text Color - This is the color for the text you want to display on the overlay layer.

• Title - Text that would be displayed on the banner as the title.

• Short Description - Text that would be displayed on the banner as the short description.

• Banner Link - You can add a custom link or a link to a certain page/post on your website for the users to navigate from the current page to another URL by clicking on the default hyperlink (Read More) on the banner.

• Link Text - If you wish to display any other call to action other than the default "Read More", adding a Link Text in this field will help.

• Extra Class - This option is every developer's favorite for addition of extended customization.

In case if anything is not working properly, you can get in touch with us from our Profile page.

While getting in touch, we appreciate if you provide ample information for us in order to get better understanding of your issue. E.g. Screenshot of the page where the issue exists.

Or, you can create a temporary admin user and send us the credentials from contact form on our profile page. We will try to solve your issue within 24-48 hours, depending on the depth of issue.