Is there a way to add animation to the appearance

Is there a way to add animation to the appearance of the popup? Fade in, slide in, etc?

  • Vaughan

    Hi @oliver,

    This is certainly possible but would require some custom code. These kind of effects are a bit beyond my expertise though as it would most likely require edits to JQuery and so on.

    This might help you, but as to how to implement it, I will need to ask one of our developers for some help with that.

    http://www.astral-consultancy.co.uk/cgi-bin/hunbug/doco.cgi?11450

    We do have a slide in plugin which is designed to Slide In though.

    Hopefully the developer will respond shortly, but it could take longer than usual depending on his workload.

    Hope this helps

  • Hoang Ngo

    Hi @ Oliver,

    I hope you are well today.

    This is a little complex for adding such effect, here is the guide.

    Firstly, please download the animate.css, and save it in /popover/css
    And now, please add this code to your theme functions.php or use mu-plugins

    add_action('wp_enqueue_scripts', 'add_animate_css');
    function add_animate_css()
    {
        wp_enqueue_style('popover-animated-css', plugins_url() . '/popover/css/animate.css');
    }

    Now in the file /popover/js/public.js, line 313, you will see the code like this

    $po_div.show().removeAttr( 'style' );
    			$po_back.show();

    Example, you want it to be fade in, so you can modify like this

    $po_div.show().removeAttr( 'style' );
     $po_div.addClass('fadeIn animated');
    			$po_back.show();

    The css class for more effect, you can find it here
    http://daneden.github.io/animate.css/
    Finally, please copy the content of the file /popover/js/public.js to /popover/js/public.min.js

    So now, you will have custom effect when a popover appear.

    Please give it a try and let us update.

    Best regards,
    Hoang Ngo

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.