164 comments found.
Hi there, Great idea, love it.
I’m trying to enable, drawLines but in reverse. (So you see the animation when you scroll to it, and after a delay animates away).
I’ve tried the “Out” tag but I’m not sure I’m using it right.
Can you please help? Thanks.
Hello,
Maybe there is a misunderstanding. drawLines effect doesn’t have “In” and “Out” parameters, it works when your SVG appears first time only. If you want to animate away you need to use some other effect, not drawLines. For doing that please wrap your elements with additional <g> tag and apply an “Out” effect with desired delay for that new group.
Hi, Thanks, yes I ended up using a various > fade animation on a top level group. Not what I really wanted but I was just checking in case I missed something.
I hope this feature in future updates though I would definitely use it, and I want to keep using this plugin for future projects.
Cheers.
Hello
This plugins works really well, but sometimes the animations don’t load when its added on revolutionary slider.
when it does not load it gives this error in chorme
Uncaught TypeError: Cannot read property ‘attr’ of null enlivenem.min.js line 154 and on Firefox, it gives this error TypeError: svg is null
In the revolutionary sliders we have added this code jQuery(’.tp-caption.enlivenem’).each(function() { jQuery(this).find(‘img’).addClass(‘enlivenem’); }); jQuery(’.tp-caption.svg667’).each(function() { jQuery(this).find(‘img’).addClass(‘svg667’); });
Hello,
First of all, I don’t see that you are my buyer. But in any case my support doesn’t include any help with any third party plugins (scripts) integration. In general, it seems that you try to start “enlivenem” on non-existing elements.
Hello, we bought this this theme sigma http://themeforest.net/item/sigma-business-multipurpose-latest-technology-responsive-wordpress-theme/15301789
Does your support include for themes, if yes I will ask my collegue to write to you.
And its not non-existing elements, the animation loads sometimes and sometimes it does not
According to this policy: http://codecanyon.net/page/item_support_policy#whats-not-included-item-support you should ask for the support your theme author.
Good luck!
Thanks, we will do that.
hey i love your plugin. any chance you will add more primium animated icons? if not do you know where can i get them?
Hello,
No, at present time I don’t have such plans. All the available add-ons are listed on this item’s page under the “Want something ready to use with “Enliven ‘em”? Check these:” header.
“if not do you know where can i get them?”
I don’t know. You can create your own by using the Animation Editor after purchasing.
can i use this plugin to upload svg files and animso they will be animated on my website?
Yes, you can upload SVG files. But before uploading you need to create your animations in the Animation Editor locally. You may want to try a demo version of the Animator before purchasing here: http://enlivenem.com/animator/animator.html
Also I strongly recommended to read the documentation of WP version of my script: http://enlivenem.com/documentation-wp/index.html
Hi, I don’t see a single point why the animations need the live server to animate, while the fact is, all it needs is HTML (for svg tags), CSS and javascript to animate.
Is it because these animations are communicating with external servers (may be APIs ) for the animations to happen? if animations always need communication with external servers for animations to happen, when those servers die, animations too die. As far as I know (for that matter everybody know), HTML, CSS, JAVASCRIPT, all renders on browsers without the need of internet. but why your plugin animations needs connection to internet?
Finally I would like to ask, Will I be able to pull out the animations offline, by extracting the relevant Code of html, css & javascript, offline on to my local desktop and animate them without the need of internet or not?
We don’t want our animations to run by connecting to external servers (through APIs or any). We want all the source code to be there with us, not partial code with us and partial code on external server APIs.
No, you confuse different concepts.
This plugin needs only the working WordPress. It doesn’t need a connection to internet and absolutely doesn’t use any external server! It needs a working WordPress installation only, which can run on a localhost server (LAMP, XXAMP, etc.)
Also this plugin uses an AJAX for converting your SVG from “src” attribute of a IMG tag into an in-line form and embeds it into your HTML page’s code, so the JavaScript part of the plugin can produces an animation. And you may know that AJAX doesn’t work when a file is opened with the protocol “file:///...” (like file:///C:/path/to/some_page.html”).
Finally, there is no any connections to external servers through any API and all the source code is with you, not any part of it.
Hi,
1.) So you mean to say that “Ajax” is what’s asking for a web server, and the reason this plugin needs it too?
2.) We need web server as Ajax is being used just to convert <img /> tag referred SVG into in-line form of SVG code and embed that SVG code directly into HTML page, right? So in that case what If we directly embed direct SVG code into our HTML pages with all the appropriate JS and CSS files declarations, does the animations run with the protocol “file://” (or) I mean in other words, does the animations run when a HTML page is directly opened in browser without a webserver/localhost server(xampp etc) as the job of ajax is not needed when SVG code is directly embeded?
3.) Now what I want to achieve is to put all the JS and CSS Files into one directory and declare them in an HTML page and put a animated SVG code (with class=enlivenem) into that HTML page and open that HTML page directly in the browser and the animations should run,
cause whatever the job AJaX should do is not required since it’s a direct SVG code that’s embeded into the HtML page. I believe the only way to run animations without the need of webserver is to unemploy Ajax by direct SVG code insertion into HTML pages, am I right?
Best Regards! 
1) Yes, as well as WordPress itself.
2) Yes, animations run with the protocol “file://” with a embed SVG code directly into HTML page.
3) Yes. Just don’t forget to add class “enlivenem” to <svg> tag itself.
Hi, Ok, fine. very clearly explained.
Thank you very much!
May I know Ajax’s code file? I mean to ask the file name that has that AJAX code?
Best Regards!
The non-minified file “enlivenem.js”, line 145
Hi, Thanks lot for quick responses Dee!
1.) Minified version has the ajax code too right? Referencing minified or non-minified enlivenem.js, both does work, but for code efficiency one has to go with minified, isn’t it? Or you have declared both non-minified and minified enlivenem.js files into your plugin application?
2.) And first thing, it doesn’t have to be wordpress, the created html page with all the reference links to Appropriate CSS and JS links and that html file put into “htdocs” directory of XAMPP and that html page opened up on the browser with protocol “localhost:8082/animations.html ”, will showup the animations too right?
1) No. Only one of them should be used (minified version by default). The source file is for an experienced developers for their customization.
2) Yes, it should work. Simply try.
Hi, I am the developer of this website:
http://themeforest.net/item/sigma-business-multipurpose-latest-technology-responsive-wordpress-theme/15301789I have a question, i have to use your plugin and I encountered this error, SVG files are not gray display ( please see: http://prntscr.com/auz6rx )
How dark can fix it. Thank you!
Hello,
It’s not an error. Sometimes, in a grid view in media lib there are no thumbnails for SVG files, just a grey “file” icon. This issue might be caused by third party plugins. We can do nothing with that.
Furthermore, if you will have any other problems with media lib, please delete or make as a comment one line of code in my plugin (in enlivenem-for-wp.php file). This line is 245. For instance, just add two slashes at the beginning of it. Like this://add_filter('wp_prepare_attachment_for_js', 'enlivenem_prepare_attachment_for_js_filter', 10, 3);
And by the way, I don’t see a credit to my plugin on your theme’s item page on Themeforest. Hope you will add it soon.
Good luck with sales!
I did like what you guidance, the library is only gray images. Please have a look again ( http://prntscr.com/av0zyv )
Thank you!
When I upload the new, it is always so http://prntscr.com/av12a6
Yes, exactly. It will be a grey “file” icon. We can do nothing with that. The commenting of that line of code doesn’t correct a “grey” icon, it prevents any other possible conflicts only!
I upload the SVG file before, it does not have gray ( http://prntscr.com/av17jk and http://prntscr.com/av17ud )
How i can display SVG images right in the library, not gray. Thank you!
As I said it may be caused by a conflict with a third party plugin. I see only one solution: disable other plugins and turn on them back one by one to find with which one there is an issue. Don’t forget to uncomment the line 245 back, so the filter will take effect!
I turned off all 3rd plugin is hard to understand is it still such an error ( http://prntscr.com/av1hfu – http://prntscr.com/av1hz3 )
Did you uncomment (make it as it was initially) the line 245?
And also did you clear all cache?
Yes, I did as you guide.
Ok, try to upload a new SVG. If it will be still “grey”, I can’t figure out where is a problem and I can’t help with that. Sorry.
Thank you. I have fixed 
HOLY $HIZA!!! HOW have I never seen this plugin In$anity til Now?? This is like #NextLevel Site amazingness like none other it seems!
Thanks! Hope you’ll like it if you decide to buy.
I watched a few videos…. I am not very good at illustrator and creating all of the custom animations… does the plugin come with some presets for the icons? SO many awesome demos you have!
Hello,
No, there are no any presets. In any case, every SVG is needed in its own animation’s creating. However you can download free add-ons with icons:http://enlivenem.com/enlivenem-free-icons.html
http://enlivenem.com/enlivenem-free-icons-2.html
You can play with their code in my Editor:
http://enlivenem.com/animator/animator.html
Also I recommend to look at these general SVG tutorials: http://tutorials.jenkov.com/svg/index.html
Hello
I’ve send a mail a week ago, but I don’t know if you have received it.
This plugin looks great but before buying I have a question:
My client would like to have an image with moving bubbles and 3 bubbles that stand still. So far I guess your plugin can provide this.
But those 3 bubbles, that are not moving inside the image, need to be clickable. So if you click on one of those bubbles you go to a certain page on the website. Kinda like an animated menu. Is this possible with your plugin?
Or, if not possible, is there a way this can be achieved (combination with an other plugin perhaps)?
Recards
Hello,
I had answered to sh.......uu@gmail.com at April, 8. Please check your “spam” folder.
In any case I suggest you to place your not moving bubbles with text inside a group <g>...</g> and wrap this group with a link <a>...</a> tag inside your SVG. Please look at this tutorial: http://tutorials.jenkov.com/svg/a-element.htmlAfter that, before purchasing, please test your file again in my Editor: http://enlivenem.com/animator/animator.html
Regards, Dee
Hi Dee
Whoops, indeed. I found your answer in my spam folder. My apologies!
I tested your suggestion and it works like a charm! Thanks a lot! I will tell my client to buy your plugin so I can make her image!
Regards
Hi good plugin. I want to design featues like http://grabhouse.com/ Shall i do this with your plugin
Hello,
Unfortunately, no, such effect can’t be achieved.
Hi. A couple of questions: 1) Is it possible to add more than one animation to a single path? 2) Is it possible, or is there any option, for animating a change of color of a path?
Hello,
1) If you want to use a “morph” animation, the answer is no. In general, other animations can be used if you wrap your path, rect, circle, etc. with additional <g> tag/tags and apply an animations to that/those groups.
2) No, colors can’t be animated at present time.
Regards, Dee
hello , did this plugin have a limitation on filesize ? for example 35kb svg
Hello,
Sorry for the weekend delay.
In general, no. The only limits can be the ones on your server or in WP config. But please keep in mind that SVG files with big size, especially with embedded regular images (JPG, PNG, GIF), can work slowly on some users’ devices. Thus, smaller size – smother animation.
hello , did this plugin have a limitation on filesize ? for example 35kb svg
Hello,
No, it’s impossible. There is another purpose of this plugin: to present your SVG with different animations when it becomes visible in a user’s browser viewport.
Dear Deethemes, Plugin is awesome. One question. I ve made alot of icons. Becuase of something when i load one svg on 1page. Everything works perfect. When i put more, the colors of all svg change ? Why is that… In some way , its like one svg takes something from other. I use illustrator, copy code- put in visual composer page an image – put css properties : enlivenem … and thats all. Please help. Br, Marko
Hello,
Yes, you are right. I guess there are a class or an ID which names are not unique for the every icons and the “fill” or “stroke” styles are taken from the last icon file on your page. Thus, this creates a conflict with another SVGs with same class name(s) when you use more than one file per page.
You can do the following:either
1) Make unique all your class and ID names in every SVG file
or
2) Save your SVG in Illustrator with “Presentation Attributes” option. In “SVG Options” dialog box click “More Options”. Look at “Advanced Options” section > “CSS Properties”. Set it to “Presentation Attributes”. As a result all your styles will be set as attributes for every element like:
<rect fill="..." stroke="..." stroke-width="..." opacity="..."></rect>
In the last case you need to recreate animations in the Animation Editor.
Regards, Dee
Hi there – I am looking for a possibility to animate a logo on a wordpress theme. is this somewthing I can work to achieve that? or is this only fpr posts and static pages? thanks in advance
Hello,
Yes, you can animate your logo if it is in SVG format.
Also, you need to add CSS selector of your logo, so my script can animate it. Please look at “3. Settings” > “Additional CSS Selectors” section in the documentation: http://enlivenem.com/documentation-wp/index.html
thank you for the quick reply… I will check the possibilities with SVG and get back to you…
Hey there,
Pre-sales question. Does your plugin work well with Visual Composer? Will you be updating it soon?
Thanks!
Hello,
My plugin doesn’t depend on Visual composer. Please look at the documentation for how to use it: http://enlivenem.com/documentation-wp/index.html before a purchasing. Thanks.
Hi! nice plugin! I have a question before buy it.
I have an .svg of an axonometry of 3 building. First of all, i want to make an animation, so i have no problem.
Then, i want to have the possibility to click on the 3 building, and these, could be linked for example, to an accordion js, so it reveal the description of the building ( text and information). It is possible to make this?
thank you
Hello,
I can’t quite imagine what you want to do, but you can try the animation editor with your own SVG code here: http://enlivenem.com/animator/animator.html In general, you can use links tags within your SVG code.
My question is i could insert on click function on some elements of the svg? So i can link some parts of the image to other page or function
No, I don’t think so.
SVG Animation I can use in my web page in html and made ??getbootstrap
Sorry, I can’t understand what you mean. This is a WordPress plugin and it doesn’t have any Bootstrap dependencies.
Hey, me again! I am having issues getting more than one animation to work on the same page – are there any known compatibility issues with Ultimate Shortcodes (this plugin generates animation too) – or with a smooth scrolling plugin like Easy Smooth Scrolling Links?
I can’t help with that, I don’t have those plugins and can’t test them.
In general, if you use the same SVG file more than one time in your page, please be sure that this file doesn’t contain IDs for SVG elements. As you might know, ID must be unique on one page according to HTML standards.
They are free plugins and easy to test. I mean to ask, in general then, are you aware of compatibility issues with plugins that will be loading their own animation files or scrolling scripts. Especially the smooth scroll effect that is quite popular. Maybe a wordpress example of multiple enlivenem animations on the same page that has a smooth scrolling effect?
Can you email me from the support tab above, the URL of your page/post where I can see your issue by myself?
Hey – on further investigation it was another plugin (Font Animation) that was causing the issue. I’m using this site – http://amination.pash.space/ – to test animating plugins out to see how they play together.
Hello,
I don’t understand what is a problem. My animation engine works fine on your page.
There is an error in JS Console with easing function called from line 506, but it’s not a part of my plugin.
Hey are there any examples around – where we can see the code…?
Hello,
You can download free add-ons and inspect their code:http://enlivenem.com/enlivenem-free-icons.html
http://enlivenem.com/enlivenem-free-icons-2.html
Ah, great, thanks
Getting confuse about morphing! Is it possible to morph between two sets of paths, i.e. each set of paths are closed in g tags? What value goes in th Morph Command field in the editor. Thanks.
No, it’s impossible. Only path(s) can be morphed. Not groups, rects, circles or other SVG shapes, path(s) only.
1. Can two paths in the same g tag morph into two different paths that are in another g tag? This is possible with svg-morph script. 2. What goes in the Morph Command field in the editor?
No, each path should have its own morph value. In the Morph Command field you should paste the new string of path’s shape, which is an equivalent of “d” attribute form your SVG file.
OK thanks
Nice plugin!
