Hello,

1) Yes, you can use a shortcode. Look at the documentation before purchasing: http://enlivenem.com/documentation-wp/index.html

2) I don’t have a license of Flatsome theme. In general, my plugin doesn’t have any themes’ dependencies.

3) Animation starts when your SVG becomes visible in a user’s browser view-port. This can be achieved by mouse scroll, by up, down, page-up, page-down keys pressing and also by scrolling to an anchor on your page. Please remember that animation is triggered only once and can be repeated by click/tap only, if it’s allowed by an option.

Once again, I strongly recommend to get familiar with the documentation before purchasing. Thank you.

Dear DeeThemes, thank you for your clear answer, i will learn more about it before purchase it, because i really like your Enliven, this is the one i looking for.

You are welcome.

Hello,

No, I don’t think that it’s possible, my script doesn’t depend on media queries. Maybe I will find a solution for some future update.

Hello,

Of course it’s working and it doesn’t need any update. Probably you need to check all parameters including a non-zero value of the “duration”.

Hello,

Yes, it is. You need to use a “custom” animation. For example you want to rotate your shape 270 deg around the center of it, so your transform string should be t0,0r270
Also you can rotate your shapes around a specific point, say x=50 and y=70, in that case your transform string will be t0,0r270,50,70

Some more info regarding “custom” animations you can find in the documentation.

Ah, now I understand. THX

Just played with your demo. Amazing! My work is mostly animation of white objects on a transparent background. Doing that seems impossible with your tool? Or am I missing something in the demo interface? Thanks!

Played with the draw-lines on your demo. There is a quick flash of the object before animation starts. Is that also happening in the full, licensed version? SVG is a white line on transparent background. I have assigned blue colour and 2px path width in the demo. Before line animates, first complete blue line flashes for a moment…

Hello,

1) In the downloaded pack after purchasing you can find the folder with an animation editor. You just need to change the “background-color” style of the one element ”#svgrootwrap” in the animator.css file with your desired color value instead of white one.

2) No, that isn’t. The full version suppresses this effect.

Hello,

No, it’s impossible. In any case, thanks for the interest.

Hello,

First of all you should try to re-install my plugin and clear all caches (site’s and browser’s ones).

An the second: I don’t see that you have purchased my item.

If you need a further assistant, please write me a message (not a comment) from the “Support” tab above, while being logged in as my buyer, with an URL of your page/post where I can see the issue myself.

Hello,

Answered in email.

Hello,

First of all, your SVG code contains an error on line 1 at column 75. You missed a space between “viewBox” and “data-global-elvn” attribute:

viewBox="0 0 400 500"data-global-elvn

It should be:

viewBox="0 0 400 500" data-global-elvn

In general, I recommend to open (via drag-n-drop for example) your SVG files in Google Chrome directly before making any animations. If a code contains any errors, Chrome will show them.

If this will not help, please also try to set “oneHalf” or “none” option’s value instead of “full” one inside the “data-global-elvn” attribute.

After making any changes, please do not forget to clear both your browser’s and the site’s caches!

Furthermore, I think the second issue with uploading is also related to the error in your SVG code. If it is not so, please try to check the “Disable SVG thumbnails” option on a plugin settings page. And as an extreme measure, you can try also to disable the “Sanitize SVG Uploading” option.

I see – thanks! Is there also anyway for animation to work based on scroll like https://codepen.io/paintbycode/pen/JDbcF

No, I don’t think so. My plugin has a different purpose.

Hello,

No, there isn’t. Animation can be started via “viewport” only once. In general, I tried to balance the nice effects of animation and their non-irritating use. Therefore, I do not think that I will implement such a feature in the future.

Hello,

If you talk about the animation editor, then it is created for making animations only. That tool is not for design (creating) graphic.

sorry – I was simply referring to the ability to make svg’s draggable and wondered if that was possible – I create all of my svg’s in illustrator… I understand what you mean about the animation editor but i was hoping that making an object draggable might be something as simple as a few settings and clicking the element in editor in future but forgive my ignorance as I’m a newbie ! I think this will help get me started and I’ll research and try and learn more about svg possibilities…

Oh, I see. No, there is no drag option, because it can be suitable for one effect (“custom”) only with your own transform string. Other effects don’t need such possibility. So, I don’t think that I will implement it in a future.

Hello,

It’s possible to add a link. SVG support a usual <a> tag. You can wrap with it an any element of your SVG. Please look at this excellent SVG tutorial (not mine): http://tutorials.jenkov.com/svg/a-element.html
However, I don’t think that creating custom tooltip is possible without additional JavaScript, which is not included in my plugin.
Thanks for the interest.

I see that there is a misunderstanding. After execution of my script your image is not an image anymore, its become a SVG. And attributes ALT and TITLE are not valid for that tag.

However, you can still add a valid tag TITLE inside any SVG file and place any SEO related text inside it. Like this:

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" ... other attributes are here...>
    <title>SEO text is here</title>
    ... your main SVG content goes here...
</svg>

And one more thing: I’m not sure that search engine crawler always executes JavaScripts on your page. If it is so, a crawler will still see your ALT and TITLE attributes of your initial IMG tag.

Hello again. I ‘m confronting some performance issues and some images are appearing a little late or not appearing at all (startInvisible selected) in pages with a lot of images or in pages with a long lasting animations. The behavior isn’t consinsent (in appearing and disappearing). Is there anything I can do?

Thanks

Hello,

Honestly speaking, I find it difficult to figure out the cause of this. It might be a problem of an overall browser performance with your set of animations. This is indicated by what you said about the behavior, that it isn’t consistent.

Hello,

As I know, usually, when a browser open your page, it requests your SVG file only once, and takes that file from its cache for other 4 times. So, there is already some sort of optimization and I don’t think that I can do it better inside my plugin.

However, if you want a more optimization, I recommend to look at in-line form of your SVG code. I mean when a SVG code is injected into HTML (PHP) code initially.

Say, you have a wrapper DIV with an IMG tag for your SVG in it:

<div class="some-wrapper">
    <img class="enlivenem" src="path/to/LIKE.SVG">
</div>

And as you have said, that code is on your page for 5 times. I suggest to replace all those IMGs with SVG tags itself with all its content. Something like this:

<div class="some-wrapper">
    <svg class="enlivenem" ...other svg attrubutes are here...>
        ...the content of the LIKE.SVG file goes here...
    </svg>
</div>

And repeat that code for 5 times.

As a result you will have only one HTTP request to your server for a one HTML (PHP) page/post only, instead of 6, with all 5 same SVG in it. After loading, my script will execute them very fast.

Please keep in mind that using pure HTML (SVG) code in WordPress might be tricky, but many page builders, including Visual Composer, let to insert a pure code into your pages/posts.

Also I’d like to thank you for your testimonial, I’m really glad that you like my product and you find it useful. Good luck with your project!

Hello,

The problem is with float numbers in “width”, “height” and “viewBox” attributes. Now they are:

<svg id="SEO" xmlns="http://www.w3.org/2000/svg" width="80.078px" height="86px" viewBox="0 0 80.078 86">

But pixels are integer. So your code should be:

<svg id="SEO" xmlns="http://www.w3.org/2000/svg" width="80px" height="86px" viewBox="0 0 80 86">

When the values are corrected, all the effects work as expected. Please try and let me know.

That worked! Thanks a lot for your time

You are welcome!

This means that using the editor does not impose any restrictions on the animated SVG files. I have indicated this, because I received a similar question earlier from other buyer.

I don’t understand… But that is oke…. $39,- for one simple animation realy sucks in my opoinion. I can get the whole slider revolution for just $29,-. So my first bed review is for this.

First of all, the slider revolution and my plugin have different purpose and area of use. Also I didn’t make you to purchase my item, it was your own decision, of course.

In any case, thank you for your opinion and good luck with your project!

Best regards, Dee

Hello,

I don’t quite understand what you mean.

In general, if your logo is placed in a footer and a user scroll your page to footer, your logo’s animation will start when it appears in a current user’s viewport. Please keep in mind that an option “enableViewport” must be set.

But there is no option to automatic scrolling of a page’s content by my plugin.

Thanks for the interest.

I see, thank you. What about multiple CSS class? I mean when you make align image center and if i write like that img class=”enlivenem center-block” src”..”, could it work?

Yes, it could. But my script replaces your IMG tag with in-line form of your SVG file directly in your HTML page. So your custom class will be set for that new inserted SVG.

So to prevent any unexpected results, I recommend to use a special shortcode, which is supported by my plugin. For your “center-block” class it will look like:

[enlivenem_wrapper class="center-block" source="http(s)://path/to/your-animated-file.svg"]

As a result, the following code will be placed into your page/post:

<div class="center-block"">
  <img class="enlivenem" src="http(s)://path/to/your-animated-file.svg" />
</div>

As you can see, the “div.center-block” will wrap your animated SVG.

No, it’s impossible. The main purpose of this plugin is to animate any SVG illustrations in many different ways when they become visible in a user’s browser viewport. Any case, thanks for the interest.

Hello,

I don’t have your theme and can’t test it. However, my plugin doesn’t have any dependencies and should work with any themes.

Thanks for the interest.

Hello,

No, for proper work on a site, that site must have the installed plugin itself. You create your animations for your SVGs locally from your HDD and after that you can upload them on any site(s) with installed plugin.