164 comments found.
Sorry- can you please EXPLAIN clearly how to go from producing SVG animations in your ANIMATOR and on bottom there is this line: Please copy-paste the above code to a new SVG file or to your HTML markup and add class enlivenem to your img or svg tags. - If I bought this plugin – it automatically should add classes to my theme no? What do you mean by new file? Can you give me an example? a JS? and I added where and which folder? <sigh>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="100" viewBox="0 0 100 100" data-global-elvn="enableViewport, enableClick, full, startInvisible, responsive, 0, notLoop, 500">
<circle id="loop-background" class="elvn-layer" data-elvn="expandY, in, 0, 800, bounce" fill="#E74C3C" cx="50" cy="50" r="50"></circle>
<path id="loop-sign" class="elvn-layer" data-elvn="drawLines, 800, 800, #065462, 6, notRandom" fill="none" stroke="#F0C419" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" d="M12.5,50.5c0,10,7,17,17,17c17,0,26-34,43-34c10,0,18,7,18,17s-8,17-18,17c-17,0-26-34-43-34C19.5,33.5,12.5,40.5,12.5,50.5z"></path>
<path id="loop-shade" class="elvn-layer" data-elvn="fade, in, 1400, 200, linear" opacity="0.15" d="M45.938,50.5l5.046,6.516c0,0-2.141,2.797-3.5,4.25c0,0-3.547-3.609-5.477-5.88C43.316,53.983,45.938,50.5,45.938,50.5z"></path>
</svg>
I am stuck on the step three: RESULT in you EDITOR – where do I insert that code with animations?
Solved the problem !!!!!!!!!! So happy! For anyone here that needs help: Just edit your svg image and substitute code with code generated from the pluging here! Great!!!!!
Hi – Thanks for great plugin! I did my SVG in just 2 hours! – I just have ONE PROBLEM: I uploaded my svg into MEDIA LIBRARY in WP and there is no animation. Where exactly in WP do I copy this code <svg></svg> Which Folder? Do I go into my themes folder CSS? !? Thankx
Mr.Awesome programmer … Thanks for update 
i Feel excited on your upcomming products… Quality , code is your name.
Thank you very much!
Thank you very much Dee for this animation software. With a few little tweaks I am able to make a quick animation in no time. Some suggestions for users: 1. Rename all the paths and objects in the Illustrator file so the classes don’t intersect if you have more than one animation on the website due to colors taking the properties of the classes in the first animation. 2. When loading a graphic to the animation.html and finished with setting up all the timing and copying the code, reload the page, it has a glitch for getting stuck with the information of the old one while you work on the new one. Thank you!!!
You are welcome!
Hello! Your plugin looks great and I want to buy it. I want to know though if you are able to at least update it with the latest version of snapsvg from github. Doesn’t look that it hasn’t been updated from 2014 although you say it works fine with the latest version of wordpress. Even if no new features are on the update, several bugs and a better version of the code would really give some fresh breath to this awesome piece of software. I really hope you update it so I can buy it. I ‘m pretty sure a lot of customers don’t hit the buy button because of this.
Keep up the great work.
Thanks for the suggestion.
Does any of your code files (php or js files) contains obfuscated code. (or) every bit of code is easy on eyes and readable or understandable?
No, they are not obfuscated, however, JS files are minified.
Juste a pre-purchase question, Is there a way to On hover trigger the animation it’s not mentioned in the docs and i didn’t found it in the animator.
Hello,
No, there is not. The main purpose of this script is to animate a SVG file in many different ways when it becomes visible in a user’s browser viewport. And repeating an animation on click or tap events is just a bonus.
I’m interested in this plugin, but can individual elements be animated on click rather than just restarting the whole animation? i.e. If an individual shape was clicked can just that element move or change colour?
Hello,
No, they can’t. The main purpose of the script is to animate SVG files when your vector illustrations become visible in a user’s browser viewport. And the whole animation only can be repeated on click or tap event.
Okay. Thanks for the reply. Still looks a great plugin.
Hello everyone,
I’d like to inform you that there is a bug in WordPress 4.7.1 with uploading non-image files in media library (https://core.trac.wordpress.org/ticket/39550), which affects SVG files too. Developers promise to fix it in WP 4.7.2. As a temporary decision, I recommend using https://wordpress.org/plugins/disable-real-mime-check/ for now. Thank you.
The issue was initially set to be fixed in 4.7.2. But since 4.7.2 was an urgent security release (https://wordpress.org/news/2017/01/wordpress-4-7-2-security-release/), the fix didn’t make it into that version. It’s now supposed to be fixed in 4.7.3.
Hi, After buy the plugin can I use animated SVG files in other wordpress pages? Or need the buy more licences for each project?
Hello,
In general, one internet domain (site) – one license – one installation of the plugin itself. But you can use a same animated SVG file on many sites as you wish.
Thanks for the interest.
Hello! I can animate different svg any images with this plug-in, and I do not need to know the code? Is this plugin effect wandering glow, I like to create – http://pskurs.ru/animation/animirovannyi-bluzhdayuszii-effekt.html?
Hello,
First of all the main purpose of this plugin is to let you animate once any vector graphic presented as SVG files in many different ways when your vector illustrations become visible in a user’s browser viewport.
You can try to animate your own SVG with Animation editor here: http://enlivenem.com/animator/animator.html Simply copy-paste your code and play with options.
And no, there is no any glow effects. You link points to Photoshop tutorial. I think that it’s impossible to achieve such effect with JavaScript.
Hi there,
Your plugin looks awesome and I am thinking about buying it for Wordpress. However, I have heard that SVG files are not secure and are a risk of malware. Can you tell me if using this plugin I will be at risk of malware or will it be safe?
Thank you!
Hello,
It depends from what resource you’ve got your SVG file.
In general, any SVG file is a simple text in XML format, which is not obfuscated or minified. Very good SVG tutorial is here: http://tutorials.jenkov.com/svg/index.html
The potential problem may be caused by <script> tags and some “on…” commands (like “onClick”, “onLoad”, etc.) within SVG code, but you always should know where you get your SVGs and check them for untrusted code.
Furthermore, my plugin has the functionality for sanitizing SVG code while uploading files with whitelisted tags and attributes, which don’t include any <script> and “on…” commands.
Thanks for the interest.
I’ve got a pre-purchase question.
The plugin looks great, but is it being maintained and updated, or is it parked in terms of development? I ask because the last update listed on the right of this product page is the same as the creation date, and WordPress has been updated many times in the 2 years since the plugin was released. I’ll almost definitely purchase it, but I want to know if I can expect updates down the line
Thanks
Hello,
Plugin works fine with all last versions of WordPress. And I also have a plan to make a big update with new features, but I can’t say when exactly.
Thanks for the interest.
Is it possible to put the animation in a footer widget?
Hello,
Did you try it already? In general, if you footer widget supports shortcodes, I recommend trying the Enliven ‘em one, information about which can be found in the documentation.
DeeThemes, i want to inform u that your plugin is awesome. The way u did it its great. I dont have any bad comments. Everything works as descirbed. I am contacting u just to ask if u have any plans , or will u exteened new animation ways or simmiliar ? This plugin is like a small animation factory. Since your coding skills are on top ,and program is awesome ; please tell us what are your plans for future on this plugin. Thank u in advance ,and thanks for making these
Thank you for your words! Honestly speaking, another job takes all my time now and I can’t give any promises about future updates timeline. However, I hope I will be able to add something new to this product. Once again, thank you for the testimonial and good lick with your project!
Can insert the scrolling animations or layer slider revolution? Thank you. z
No, as I said, there is no easy way to work within slider revolution. And, please keep in mind, that my support doesn’t include any help with sliders’ integration at all.
I can put animations within revolutionslider or layerslider? Thank you
No, I don’t think so. It can’t be achieved with easy.
and how?
Hi, are there currently any documents explaining how to use the morph command? I have no idea how to generate the code that I need to put in the morph command field.
Hello,
I can’t explain here in the comments in details, so please look at the “Morph” animation section of the documentation.
In general, you need to prepare in a vector software (like Adobe Illustrator for ex.) 2 paths in your SVG file. The first one is an initial state of your shape and the second is an end one when a “morph” is complete. After that you place the value of the “d” attribute of the second path into your “data-elvnmorph” attribute (the “Morph command” in the animation editor). Please don’t forget to delete or comment the second path, from which we take the “d” value, in a production file.
Is it possible to add filter effect? In particular the feDisplacementMap?
No, not in a current version.
Hi,
Can I upload my own svgs?
Regards, Deniss
Hello Deniss,
Yes, of course, this plugin is created for working with your SVG illustrations exactly.
Simply create your animations in the editor, which is included in the downloaded package, save ready animated SVG code as a new file and upload it into your server.
You can read an online documentation: http://enlivenem.com/documentation/index.html and try the animation editor here: http://enlivenem.com/animator/animator.html with you own SVG code before purchasing.
