SA SVG Plugin

Another excellent product by sawebsolution

*Support is provided by vendors directly. Please click here to access support for individual products
For payment or licensing issues, please click here to access EMP Support
*Vendor Support is for 6 months and updates are for 12 months on 98% of our vendors products.
Please see product descriptions for any differences.
 

Changelog

  • added full SVG support
  • fixed alignment bugs

SA SVG Module is a great Plugin to add more interactivity to your website. You just add your SVG images / icons or illustration to the module and it will add some fantastic effects to your SVG
You don’t need to do any coding or add any SVG Helper plugin. Just pick one of the animations, or combine them, and it will add magic to your website.

It  is really easy to install the plugin, you just need too upload it, install it like a normal plugins and activate it. It will then appear in your Divi Builder Modules.

There are no limits, you can animate some icons or illustration. Or impress your customers with a drawing Landing page.

Functions

  • Add your SVG URL
  • You can use Background animation type, and add your background image. Also you can change background color.
  • You can choose your animation Type: Delayed | Sync | or One by one
  • You can choose your animation duration
  • You can choose path timing function: Linear | Ease | Ease in | Ease out | Ease out bouncing
  • You can choose animation timing function: Linear | Ease | Ease in | Ease out | Ease out bouncing
  • Animation Start: Autostart or at view port
  • SVG alignment
  • SVG Color
  • SVG width and height
  • SVG Line height
  • SVG Top padding and bottom Padding
  • Multipage compatible

You are not allowed to Resell the Plugin!

 

Licensing

You may install this product on any number of websites that you build for yourself or your clients or as the license so determines, i.e, if it is single use, then that applies. You may not install any of these products as part of a hosting offering. Any abuse of these license terms will result in the termination of your account and the licenses that are attached – no refund will be offered or awarded in such cases.  You will receive 6 months support – premium support charges may be incurred after this period. Updates are for the life of the product unless otherwise stated on the product page.

We understand that there can be issues whilst utilizing out of date browsers. Please ensure you use up to date browsers when using our vendors products. For DIVI Theme – Third Party Plugins may not perform as desired in the Divi Visual Builder. We are working with our vendors to rectify this situation as quickly as possible. With the release of Divi 3.1 developer documentation and SOME support of third party modules and plugins are now accessible through the visual builder. 

Please be aware that you will need an amount of experience in the master theme that you are using in order to take advantage of our themes and plugins.
Please make your decision to purchase based upon your skill level to see if our products fit your needs. Due to the nature of Digital Downloads, Refunds are not possible – please ensure that the product you are buying will do the job you want it too.

All support for products is handled by Vendors and contact details will be included in the download packages. If contact details are not found within the files, please do contact us and we will be happy to put you in touch with the vendor concerned. BEFORE YOU ASK US FOR DIRECT SUPPORT – READ THIS! 

General Note: You MAY need to purchase the Divi Theme or the Elementor page builder to use this product. Please see the product description notes above for more information.

Licensing

You may install this product on any number of websites that you build for yourself or your clients or as the license so determines, i.e, if it is single use, then that applies. You may not install any of these products as part of a hosting offering. Any abuse of these license terms will result in the termination of your account and the licenses that are attached – no refund will be offered or awarded in such cases.  You will receive 6 months support – premium support charges may be incurred after this period. Updates are for the life of the product unless otherwise stated on the product page.

We understand that there can be issues whilst utilizing out of date browsers. Please ensure you use up to date browsers when using our vendors products. For DIVI Theme – Third Party Plugins may not perform as desired in the Divi Visual Builder. We are working with our vendors to rectify this situation as quickly as possible. With the release of Divi 3.1 developer documentation and SOME support of third party modules and plugins are now accessible through the visual builder. 

Please be aware that you will need an amount of experience in the master theme that you are using in order to take advantage of our themes and plugins.
Please make your decision to purchase based upon your skill level to see if our products fit your needs. Due to the nature of Digital Downloads, Refunds are not possible – please ensure that the product you are buying will do the job you want it too.

All support for products is handled by Vendors and contact details will be included in the download packages. If contact details are not found within the files, please do contact us and we will be happy to put you in touch with the vendor concerned. BEFORE YOU ASK US FOR DIRECT SUPPORT – READ THIS! 

SA SVG Module is a great Plugin to add more interactivity to your website. You just add your SVG images / icons or illustration to the module and it will add some fantastic effects to your SVG
You don’t need to do any coding or add any SVG Helper plugin. Just pick one of the animations, or combine them, and it will add magic to your website.

It  is really easy to install the plugin, you just need too upload it, install it like a normal plugins and activate it. It will then appear in your Divi Builder Modules.

There are no limits, you can animate some icons or illustration. Or impress your customers with a drawing Landing page.

Functions

  • Add your SVG URL
  • You can use Background animation type, and add your background image. Also you can change background color.
  • You can choose your animation Type: Delayed | Sync | or One by one
  • You can choose your animation duration
  • You can choose path timing function: Linear | Ease | Ease in | Ease out | Ease out bouncing
  • You can choose animation timing function: Linear | Ease | Ease in | Ease out | Ease out bouncing
  • Animation Start: Autostart or at view port
  • SVG alignment
  • SVG Color
  • SVG width and height
  • SVG Line height
  • SVG Top padding and bottom Padding
  • Multipage compatible

You are not allowed to Resell the Plugin!

 

General Note: You MAY need to purchase the Divi Theme or the Elementor page builder to use this product. Please see the product description notes above for more information.

You may also like these items

Support Request

You have questions about your purchased plugin, theme or layout? Then use this form to get your answers as soon as possible. If you have a license key, please enter it here. You can find it in your account under "view details and downloads". Otherwise, please use the purchase id from your transaction. You can find them in the first column in your purchase history (ID).

2 + 5 =

38 Comments

  1. Kris

    I just purchased the plugin, and set it up like you instructed in the video.
    I have PHP Version 5.3.26
    MySQL Version 5.6.36-82.1
    I am getting the following message: ………failed to open stream: HTTP request failed! HTTP/1.1 404 Not Found in…….

    Can you tell me what I need to do to fix.

  2. Walt Hyzer

    The only problem I am encountering is the background graphics appears before the SVG image and once the SVG animation is complete it does not line up with the background graphic???

    • SaWebSolution

      Hi Walt,
      could you please contact us on our support Email for that.
      The Email is, divi@sawebsolution.com.
      We will help you as soon as possible.
      Greetings,
      Sami

  3. servicioexpreso

    Why JSON export/import not working?

  4. Jonathan Dolan

    Please help. Getting this error on the front end when I use your module.

    ( ! ) Warning: file_get_contents(https://busquotenet.dev/wp-content/uploads/clock.svg): failed to open stream: Connection refused in /app/public/wp-content/plugins/sawebsolution-svg/sawebsolution-svg-mod.php on line 364
    Call Stack
    # Time Memory Function Location
    1 0.0000 373288 {main}( ) …/index.php:0
    2 0.0000 373576 require( ‘/app/public/wp-blog-header.php’ ) …/index.php:17
    3 0.2398 11302080 require_once( ‘/app/public/wp-includes/template-loader.php’ ) …/wp-blog-header.php:19
    4 0.2414 11392952 include( ‘/app/public/wp-content/themes/Divi/includes/builder/template-preview.php’ ) …/template-loader.php:74
    5 0.2679 11547328 apply_filters( ) …/template-preview.php:96
    6 0.2679 11547728 WP_Hook->apply_filters( ) …/plugin.php:203
    7 0.2687 11555064 do_shortcode( ) …/class-wp-hook.php:298
    8 0.2687 11567448 preg_replace_callback ( ) …/shortcodes.php:223
    9 0.2687 11571992 do_shortcode_tag( ) …/shortcodes.php:223
    10 0.2688 11573752 ET_Builder_Element->_shortcode_callback( ) …/shortcodes.php:345
    11 0.2706 11603960 ET_Builder_Section->shortcode_callback( ) …/class-et-builder-element.php:542
    12 0.2707 11604776 do_shortcode( ) …/main-structure-elements.php:1334
    13 0.2707 11616504 preg_replace_callback ( ) …/shortcodes.php:223
    14 0.2707 11620216 do_shortcode_tag( ) …/shortcodes.php:223
    15 0.2708 11622416 ET_Builder_Element->_shortcode_callback( ) …/shortcodes.php:345
    16 0.2718 11634824 ET_Builder_Row->shortcode_callback( ) …/class-et-builder-element.php:542
    17 0.2718 11653288 do_shortcode( ) …/main-structure-elements.php:2879
    18 0.2719 11664424 preg_replace_callback ( ) …/shortcodes.php:223
    19 0.2719 11666896 do_shortcode_tag( ) …/shortcodes.php:223
    20 0.2719 11667360 ET_Builder_Element->_shortcode_callback( ) …/shortcodes.php:345
    21 0.2721 11669104 ET_Builder_Column->shortcode_callback( ) …/class-et-builder-element.php:542
    22 0.2721 11669912 do_shortcode( ) …/main-structure-elements.php:4386
    23 0.2722 11680760 preg_replace_callback ( ) …/shortcodes.php:223
    24 0.2731 11693336 do_shortcode_tag( ) …/shortcodes.php:223
    25 0.2731 11695160 ET_Builder_Element->_shortcode_callback( ) …/shortcodes.php:345
    26 0.2733 11697808 ET_Builder_Module_SA_SVG->shortcode_callback( ) …/class-et-builder-element.php:542
    27 0.2734 11699912 ET_Builder_Module_SA_SVG->get_svg_contents( ) …/sawebsolution-svg-mod.php:558
    28 0.2734 11700840 file_get_contents ( ) …/sawebsolution-svg-mod.php:364

    • Andrew Palmer

      The dev has been informed, May I ask you what PHP version you are using as 5.6 is the minimum for this plugin.

      • Jonathan Dolan

        Hi, Andrew. Thanks for the quick response. I’m on PHP 7.0.3 and MySQL 5.6.34. I should also note that this site is running in a Local by Flywheel instance.

      • Jonathan Dolan

        I haven’t heard back for a couple days. Wondering if this is the only avenue for support.

        • SaWebSolution

          Hi Joathan we are on you issue, but its hard to check it as it happen at your local enviroment.
          Can you please upload it on a server so we could better check your issue?

          Thank you

          • SaWebSolution

            Hello Jonathan,
            could you please send us an email on divi@sawebsolution.com?
            Please upload your SVG which you want to animate. Perhaps the SVG is not supported.
            Thank you much

      • servicioexpreso

        Issue is – Why JSON export/import not working?

  5. servicioexpreso

    Is it the way to loop animation?

    • servicioexpreso

      So, this plugin is without support for purchase????

      • sawebsolution

        Hi servicioexpreso,
        of course we offer support for all:)
        Can you please explain your question? What do you understand under loop?

        Greetings,
        Sami

        • servicioexpreso

          Repeating, endless, …..

          • SaWebSolution

            Please ping us on our mail.
            divi@sawebsolution,com
            Please send us your link, and a Admin acess.
            So we can check your issue.

            Thank you

  6. Julien Ferla

    Hello

    Juste quick question
    When I use background image, the result can’t be center align ,… when I disable the background image, the svg animation is in center.

    What is the problem ?

    • Julien Ferla

      I find the way,… You must upload the definitve size of the svg you want to display.. is that the trick ?

      other question if you have 3 svg on the same page, same viewport level, is it possible to display one after the other
      the first one ….. wait ….. the second ….. wait ….. the third ?

      • SaWebSolution

        Hi Julien,
        yes the background image should have the same size as the svg.
        No this is currently not possible. But we will think about it to add this feature to it.

        Greetings,
        Sami

  7. Jeroen van Dijk

    I have bought your Divi plugin SA SVG and I’m facing a big problem.
    On my homepage I want to hide the navigation bar before scroll. This is a Divi setting I’ve used many times, but it didn’t work on the site I’m working on now. I finally found out that your plugin is causing this problem. I did put the SA SVG module somewhere down on the page and the navigation bar did hide as usual.

    Is there a solution to fix this problem? I hope you can help me out here!

    • Jeroen van Dijk

      Found a solution: remove all the css in the customs cc settings.
      It’s a work around but sounds buggy to me.

      • SaWebSolution

        Hi Jeroen,
        that seems really strange, we will contact you private and try to find a solution together.

        Greetings,
        Sami

  8. Daniel Sixl

    Very nice plugin, but behaves like a beta. It is still very buggy. It works like a charm as long as you don’t touch any settings.
    When changing timing functions and other settings the image disappears. Image sizing doesn’t work correctly when not using the the background method, this is weird. When using the background method image aligning is not working without tweaking CSS manually. Animation duration setting gets lost from time to time when changing other settings. When animation timing function is “Ease-out Bounce” background method stops working.
    Giving a custom class for the wrapper forks fine, giving an id doesn’t work.
    I finally switched to vivus.js and did it manually. Hopefully this plugin will get some updates soon. It would be a real time saver if it worked.

    – “You don’t need to do any coding or add any SVG Helper plugin”
    After installation I was not able to upload SVG to WP, I had to install a helper plugin (SVG Support – Version 2.3.6) for SVG-Uploads.

    Tested on a fresh WP 4.7.2, Divi Version 3.0.34

    • sawebsolution

      Hi Daniel,
      im really sorry you have troubles with our Plugin. The Plugin got a lot of sells and it seems like your issues are not normal.
      Please send us your Website with Credential on our mail: divi@sawebsolution.com.
      And we will try to give our best to solve the Problems which you have and make so our Plugin better.

      Greetings,
      Sami

      • Daniel Sixl

        Sorry for late answer. No follow up message for your comment received. I was testing in a vagrant box.
        But I set up a fresh WP install for demo purposes a few minutes, only Divi, Wordfence and this plugin installed. Behaves way better, but still settings do not always match up. I will provide credentials via email. Thank you.

  9. Ksoma

    I mean can a Image appear once the Lines have finished animating, not color fill but an image?

    • SaWebSolution

      Yes you can put also a image in it, but you need keep in mind, that it should have same resolution and size.

  10. Ksoma

    Hi, can any image be added and can I use a realistic render to appear after the lines fill?

    • SaWebSolution

      Hi Ksoma,
      no the Plugin will work with only SVG for animation effects.
      What you understand under realistic render ?

    • Sami Asafi

      Hi David,
      i have personally tried 1-2 converter like that. The most do a very bad work, so i would not recommend it to you.
      The best solution is to make your own, or download a finished SVG picture.

      Greetings,
      Sami

      • David

        I have an older version of Illustrator, I have to see if it has SVG functionality and if I can remake my logo with it. If I can I’d like to buy the plugin if it’s still on sale.

  11. davidmshore@yahoo.com

    I am very interested in your SVG plugin but don’t understand what an SVG is or how to make one. I am competent in Photoshop however. So what exactly would I need to do to my logo to make it work with the plugin? Thanks!

  12. Richard

    I am very interested in your SVG plugin on sale but have a question. It appears it is only good for line art? Does it work for fully colored graphics from Inkscape? Thanks!!

Submit a Comment

Divi is a registered trademark of Elegant Themes, Inc. This website is not affiliated with nor endorsed by Elegant Themes.

External links on this website may be affiliate links that could result in us receiving compensation (payment) when you purchase a product or service from that link. For example, we may receive pay per click revenue or commission on sales of products. This helps us to pay the bills and deliver great content for you to enjoy when you are browsing these web pages. You do not pay any extra fees for these items.

By purchasing a product from The Elegant Marketplace you are agreeing to these terms. We do not offer custom support queries, although suggestions will be accepted and acted upon if possible. We do hold data that allows us to connect with you for product updates when you purchase a product. This is not an email marketing list. Should you wish to sign up to our marketing list, please visit our homepage where you will see an optin - We send out around two emails a week to keep you informed of product updates, You may opt out of our marketing communications at anytime by using the unsubscribe facility found at the bottom of each email.

Get the latest news!

Join our mailing list to receive the latest news and updates from our team.

Thanks, we appreciate your support

Pin It on Pinterest

Share This

    Support Form


    The author will normally get back to you within the next 48 hours. All requests are processed one after the other. If you do not receive an answer within this time, please check your spam folder and make sure that you have entered the correct email address.

    You can help us to help you faster. If errors occur, first deactivate all plugins and go back to the parent theme if you are using a child theme (which you should). Check again. Then first turn on your child theme again and then step by step your plugins. Check again every time. Where does the error occur? You can also enable debug.log to get more information to share with us. Use the following snippet to write the debug.log to your "wp-content" folder: Enable debug.log

    Please submit some screenshots showing the problem. The JPG and PNG format and several files are allowed (optional).

    1 + 7 =