SO Page Builder Animate

January 24, 2017

SO Page Builder Animate Plugin

Easily add entrance animations to your "SiteOrigin Page Builder" elements or widgets.

The SO Page Builder Animate is built for the SiteOrigin Page Builder. This plugin adds ‘Animate’ tab to ‘Widgets Styles’ inside the page builder panels. By using this plugin, you will be able to easily select from over 70+ different animation types.

Features:

  • Select from over 70+ animations. Powered by WOW.js and Animate.css
  • Ability to select animation type.
  • Ability to select animation duration.
  • Ability to select animation delay.
  • Ability to set ‘offset’ value.
  • Ability to set iterations for each animation.

Want More Widget Visiblity Options?:

Try Widget Options
Get Better Control over your Widgets. Easily show or hide WordPress widgets on specified pages & devices and/or assign custom alignment.

Notes:

If your theme already uses WOW.js and animate.css you need to ‘dequeue’ the following handlers in-order to prevent
conflicts:

In your theme functions.php add the following code:

<?php add_action('wp_enqueue_scripts', 'dunhakdis_sbpa_remove_scripts', 100); function dunhakdis_sbpa_remove_scripts() { wp_dequeue_style('spba-animate'); wp_dequeue_script('spba-wow'); return; } ?> 

Thank you!

Installation

Notice:

This plugin is an add-on to “Page Builder by SiteOrigin”. This plugin will not work if you dont have the said page builder installed and activated on your WordPress

Manual:

  1. Download and unzip the “so-page-builder-animate.zip” plugin.
  2. Upload the entire “so-page-builder-animate” directory to your ‘/wp-content/plugins/’ directory.
  3. Activate the “SO Page Builder Animate” plugin through the Plugins menu in WordPress.
  4. Edit the rows or the widgets of the page builder and locate the ‘Animate’ tab below the ‘Design’ tab.
  5. Select animation types, durations, and etc.

Automatic:

Click here to learn how to automatically add the plugin using the built-in plugin installer.

Screenshots

  1. The 'Animate' settings screenshot

    The 'Animate' settings screenshot

  2. The ’Animate’ settings tab when opened

    The ’Animate’ settings tab when opened

FAQ

Installation Instructions

Notice:

This plugin is an add-on to “Page Builder by SiteOrigin”. This plugin will not work if you dont have the said page builder installed and activated on your WordPress

Manual:

  1. Download and unzip the “so-page-builder-animate.zip” plugin.
  2. Upload the entire “so-page-builder-animate” directory to your ‘/wp-content/plugins/’ directory.
  3. Activate the “SO Page Builder Animate” plugin through the Plugins menu in WordPress.
  4. Edit the rows or the widgets of the page builder and locate the ‘Animate’ tab below the ‘Design’ tab.
  5. Select animation types, durations, and etc.
Automatic:

Click here to learn how to automatically add the plugin using the built-in plugin installer.

Soon…

Changelog

0.1

  • Initial release.

Details

  • Version: 0.5
  • Active installations: 6,000
  • WordPress Version: 4.1
  • Tested up to: 4.7.29

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars