Code

Discussion on Enliven 'em! - SVG Animation Engine for WordPress

Discussion on Enliven 'em! - SVG Animation Engine for WordPress

Cart 816 sales

DeeThemes supports this item

Supported

164 comments found.

Great plugin. In just some few hours I animated all svg graphics on my website. Please add onhover events. My rating – five stars. Quality product at an affordable price! Have a good sales;)

Thank you very much!

Great plugin – bought a few days ago and still having fun with it! However I noticed that this plugin is causing problems with the media library. Initially I wasn’t sure what was the reason my media library wouldn’t load images (I can upload just fine from the library page but not within a post and adding a media). After much troubleshooting, I disabled all plugins and when I deactivated Enlivenem the media upload is working fine. Is there a workaround? Thanks! (sorry for the repeat question. I accidently put this question in the other Enlivenem page first).

Hello,

Seems that there is a conflict with another plugin. Can you please give me a temporary access to your WP dashboard? If yes please email me login details from the “Support” tab above.

Sorry for the delay I will get this to you soon as I’m able to. Thanks for your prompt response! :)

Hello. I bought your tool and found it really easy to create animated svg. However, I have trouble integrating it into my Wordpress. I have installed Visual Composer for Wp ( http://vc.wpbakery.com/ ) and it does not recognize animations when I enter my svg file from the Media Library. So I entered the file as “pure HTML” [ < svg class = ” enlivenem ” ... < / svg >] into a ” row” . The problem is that the animation is only displayed if I include the “NotResponsive ” attribute, but not if I add that of “responsive ”. Can you give me a solution? Thank you very much.

Hello,

Thank you for the purchasing.

I suggest to do the following:

1) Upload your SVG file with Media uploader

2) Copy the URL value of that file

3) Insert as “pure HTML” not the raw SVG code, but the <img> tag with previously copied URL as source. Something like this:
<img class="enlivenem" src="http://yoursite.com/wp-content/uploads/2015/01/name_of_file.svg" />

Good luck!

Did you make the page transition in the demo with this? This is awesome BTW!

Hello,

Yes, all the animations on the demo site are made with this script. And thank you for your words!

Brilliant. Works like a charm and has just totally transformed my website designs.

Thank you very much for the purchasing and good luck with your project!

Is it possible to do a “Draw SVG path” on scroll? I mean not starting the animation in a loop but control it with scrolling up or down.

If it is not supported is there any possibility that it will be added in the future or any workaround that could be based on your plugin?

Sorry, I can’t understand your question.

Now an animation already starts when your SVG becomes visible in a browser viewport when your scroll a page, and animation may be repeated by “click”. The “loop” is just an additional option and it doesn’t start any animations. Can you please explain in details what you mean.

To avoid spamming the comments section I have sent you an e-mail with some links to examples of what I am talking about.

To be honest I am not even sure if what I am talking about can be done with a plugin or it has to be coded manually each time.

Replied by e-mail.

Hi,

i bought the item a couple of days ago and i think i have send an support request but i dont remember so i will try it here. I like the Plugin and the idea of it. I got only one problem if i choose the line draw effect it will show strange behavior. before the animation starts it flickers you can check it here (http://stage.jansemler.de) if you scroll down a litte you will find this behavior on safari and chrome. Is there a fix for this?

Hello,

No, I didn’t receive any support request from you.

This flickering appears because your SVG image is placed in IMG tag first. Until my script converts it to inline form, it can be visible on your page. To prevent this (if you always use “startInvisible” global option) you can try to add the following rule into one of you CSS files (any themes CSS one or even into “enlivenem.css”):
img[src$=".svg"].enlivenem { 
    visibility: hidden;
}

Hope this will help.

Best regards, Dee

Hello. Thanks for bringing it to wp. I have to learn something. Is there a way to apply this for my logo only in homepage? I will buy it anyway. thanks.

Hello,

No, I don’t think so. Usually there is a one logo file which is used on all pages of your site. You should to contact your theme author and ask them about how you can make a separate logo for a home page.

Best regards, Dee

Fantastik! Thank you Dee

Thank YOU for the purchasing! I hope this plugin will attract your visitors a lot.

Good luck with your project!

Best regards, Dee

Hi all,

Let me inform you that the other flat icons set as an Enliven ‘em FREE add-on is available for download: http://enlivenem.com/enlivenem-free-icons-2.html

Hi DeeThemes,

This is definitely a buy soon item!

Thanks and I really appreciate you bringing SVG Animation to Wordpress!

RainSales

Thank you! Hope you like this plugin.

This looks insane. Are you available for freelance work? I would like to animate a few iphone / ipad mockups. This should work really well with this, right? Best. U.

Hello,

Unfortunately I don’t take any freelance job at present time. You can try to animate your mockups by yourself in the Demo of Animation Editor here: http://enlivenem.com/animator/animator.html

Simply replace the “Christmas Tree” example SVG code with your one.

Thank you. Regards, Dee

Hi

As non coder, I don’t understand what to do when you say :

3) After inserting your SVG to post/page you need to add class “enlivenem” to it.

can’t you implement an easy way to do it for non coders? I’d then buy your plug if I do not have to deal with code but pasting svg as source.

Thanks

Cheers,

Seb

Hello,

Please look at the “Integration” section of the documentation: http://enlivenem.com/documentation-wp/index.html?v=1.4#integration

This can help you to understand how to add class(es) to any images.

Thanks for the interest.

i think it s not the best way to get more sales. Many people use to come here not to code so making them able to do things in wysiwyg mode will make you sell more for sure. I’m an ex wix.com early stage team member, I can insure you that what i’m telling you is the simple truth and based on users feedbacks.

Sorry but I don’t understand what you mean.

The general way of working with my plugin:

1) Create your animations for your SVG illustration in WISYWYG mode with help of Enliven ‘em animation editor. The demo version is here: http://enlivenem.com/animator/animator.html

2) Upload the ready to use SVG file to your server and add class “enlivenem” to IMG tag:
<img class="enlivenem" src="path_to/your_illustration.svg">

Basically that’s all.

Hi, (sorry if bad translation – google translation)

Pre-purchase questions

I am very interested in your plugin. I looked at the documentation, but are not a developer, I’m not sure how well set up for proper operation.

-Can You help for easy implementation for non-developer if I buy your plugin?

- Is it enough to prepare a photoshop image file saved in SVG format and then to define animation on your plugin?

Thank you in advance for your answers

Hello,

Thanks for the interest.

1) The plugin installation is easy as any other WordPress plugin.

2) You need to prepare your vector graphic before uploading to your live site. You can play with test picture animation on my demo site before purchasing: http://enlivenem.com/animator/animator.html

3) After inserting your SVG to post/page you need to add class “enlivenem” to it.

4) Photoshop doesn’t suit. You need any vector software (Adobe Illustrator, Inkscape, etc.) to create or modify your illustration and export it in an SVG format.

5) There are a lot of free vector images resources, like for example freepik.com Only one important note: you must provide a link to their site from your page/post if you decide to use their graphics.

Hope this info will help you to make a decision.

Best regards, Dee

very nice work.

sure you will do well with sales

Thank you!

Nice work. I would buy it but the effort to add entry/exit timing and duration for each element is too much.

Please consider adding a timeline like slider revolution. It will make it much faster to create.

Thanks, I will think about your suggestion.

I did not have the time to test extensively yet but congratulations for the great idea! I was getting ready to start spending countless hours on Javascript and and animation engines and bump into this! It was an instant buy since I need to create some animated infographics and other effects.

Thank you for the purchasing! Hope you find this product useful.

hmmm… possible to get a video demo or screenshot of the admin panel?

edit: never mind, i see there’s already a functional demo.

This video was created for jQuery version first, but it shows how you can prepare your SVG for Enliven ‘em engine.

In WordPress simply upload your ready to use SVG file through Media Library uploader and insert you vector image in post(s) / page(s) as usual. Don’t forget to add class “enlivenem” to it.

You can get familiar with the documentation before purchasing here: http://enlivenem.com/documentation-wp/index.html

Thanks for the interest.

This is one of the best things I’ve seen in a while. Can’t wait to try this out :)

Thank you! Hope you will like it.

Nice work!! Good luck! :)

Thank you!

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey