Calder SVG not working

  • Resolved larryqd

    (@larryqd)


    8 years, 4 months ago

    Seems like a good plugin, but it doesn’t seem to work. First, the instructions for use are very sketchy and almost non-existent. Visited and read the sites for the included scripts, and one of those deals with “preparation of the SVG file”. I created a simple SVG in Inkscape. Cleaned it on the suggested site. Pasted it into the “Instant Vivus” script on their site and animated the SVG. Downloaded the animated version of the file. Re-uploaded to that site to check it out again. It’s a working animated SVG file per Vivus requirements.

    Uploaded the file to my site, and used the shortcode to implement the animation on a test page.

    No permutation (full URL, short URL, different locations on site) of URL placed in the location quotes, works. I tried placing the SVG file in the Plugin’s own “svg folder” where the demo files are located – as that is the instructions on the Calder page, though that’s not usually how one gets media files into WP. That didn’t work either. I tried using the demo files and they don’t work.

    There are no instructions to troubleshoot this issue. One of the scripts has info suggesting that a size must be used in order to make it visible. I have a size inside my SVG. The Calder plugin says nothing about parameter usage. There is still nothing visible at all except the text leading up to this location on the page.

Viewing 15 replies - 1 through 15 (of 30 total)
  • Plugin Author termel

    (@munger41)

    Hi thank you for your complete comment, here is my answer:

    You are totally right i am going to update explanations in order to ease installation!

    You have to create a sub folder inside the plugin with all your SVGs : /wp-content/plugins/calder-svg/my-svg/my-folder

    And then set the folder to the sub directory : [caldersvg svgs=”my-svg/my-folder/”]

    Can you please try like this ?

    Sorry for the delay of answer…

    Cheers!

    Plugin Author termel

    (@munger41)

    And you are right, the folder is not correctly located under the plugin root itself, i am going to change it to a wp-content/uploads folder you could choose
    thanks again for the feedback

    Plugin Author termel

    (@munger41)

    Can you test uploading your svg files into wp-content/uploads and using the shortcode like:

    [caldersvg svgs="../../uploads/svg/my_folder_containing_svg/"]

    It should work, and this way you will be able to update to plugin in the future without breaking anything

    Thanks

    Thread Starter larryqd

    (@larryqd)

    Hi munger41, Thanks for your changes and updates. I will soon try your suggestion. larryqd

    Plugin Author termel

    (@munger41)

    most welcome

    Thread Starter larryqd

    (@larryqd)

    Hi munger41,

    I’ve updated my site with the new directory under “downloads”, installed the updated code for the plugin, and placed my operational SVG into that directory. I created a test page with two examples of this same image in working order via inline code, and working directly with vivus.js.

    I added some more text, then the shortcode for your plugin, arranged as you indicated.

    On the test page, the normal page text is there, but both instances of my inline SVG quit working, and the third instance which the shortcode for Calder should have put there, is empty. Blank. Nothing.

    I created new test pages. Here are the links.
    https://quantumdragonfly.com/svg-test-inline-codevivus-script/
    https://quantumdragonfly.com/svg-test-calder-plugin-version/

    BTW, I am unable to get vivus working with dynamic links, only with inline code.

    Obviously something that is less obvious is causing a problem here, and I have no clue where to start searching for it. I have no idea if its the plugin, or something with WP itself, which is completely up to date.

    Plugin Author termel

    (@munger41)

    Can you please provide the shortcode used ?

    Thread Starter larryqd

    (@larryqd)

    This is the shortcode
    [caldersvg svgs=”https://quantumdragonfly.com/wp-content/uploads/svg/test01/”%5D

    Plugin Author termel

    (@munger41)

    It cannot work using the URL link, you must use the relative path on the server, like in the plugin installation text : "../../uploads/svg/my_folder_containing_svg/"

    • This reply was modified 8 years, 4 months ago by termel.
    Plugin Author termel

    (@munger41)

    so in your case, it should be:
    [caldersvg svgs=”../../uploads/svg/test01/”]

    Thread Starter larryqd

    (@larryqd)

    Hi Munger41,

    I changed to that exact shortcode and nothing happens. The plugin is installed and active, the media exists in that folder, and now the shortcode is “correct”… nothing shows but the text content. I believe I had at some point tried this method and since it didn’t work I tried all other possible references to the media file.

    larryqd

    Plugin Author termel

    (@munger41)

    I am really sorry, and i really want to make the plugin work on your install. We’ll make it.
    Can you first list the content of the directory /uploads/svg/test01/ please, using command ls -la ?
    I am going to add logs in order to discover what happen on your configuration.
    Thanks for you patience

    Plugin Author termel

    (@munger41)

    Can you also send me the wordpress log just after refreshing the page please ?
    It should tell us the files retrieved in your directory
    Thanks

    Thread Starter larryqd

    (@larryqd)

    There are 3 entries under the log
    15:39:18 GMT-0800 (Pacific Standard Time)
    …CalderSVG init done

    15:39:48 GMT-0800 (Pacific Standard Time)
    CalderSVG activated, __construct exacuted…

    15:40:18 GMT-0800 (Pacific Standard Time)
    CalderSVG test

    Thread Starter larryqd

    (@larryqd)

    I refreshed it again just now and got this list in addittion to the 3 items shown above…

    15:41:54 GMT-0800 (Pacific Standard Time)
    <script>window.svgArray = [];</script>

    Today
    15:41:54 GMT-0800 (Pacific Standard Time)
    0 files retrieved in /homepages/22/d412409512/htdocs/qdbase/cre/wp-content/plugins/calder-svg/

    Today
    15:41:54 GMT-0800 (Pacific Standard Time)
    /homepages/22/d412409512/htdocs/qdbase/cre/wp-content/plugins/calder-svg/

    Today
    15:41:54 GMT-0800 (Pacific Standard Time)
    Fetch files from /homepages/22/d412409512/htdocs/qdbase/cre/wp-content/plugins/calder-svg/”../../uploads/svg/test01/”

    Today
    15:41:54 GMT-0800 (Pacific Standard Time)
    ####### svg_s_display_animation_fn #########

    Today
    15:41:54 GMT-0800 (Pacific Standard Time)
    loading script https://quantumdragonfly.com/wp-content/plugins/calder-svg/libs/anime/anime.min.js

    Today
    15:41:54 GMT-0800 (Pacific Standard Time)
    loading script https://quantumdragonfly.com/wp-content/plugins/calder-svg/libs/vivus/vivus.min.js

    Today
    15:41:54 GMT-0800 (Pacific Standard Time)
    loading script https://quantumdragonfly.com/wp-content/plugins/calder-svg/js/caldersvg-frontend.js

    Actions
    Sort
    View
    Settings
    Help
    Last modified
    Today
    15:42:38 GMT-0800 (Pacific Standard Time)
    Filesize 10.8 KB

Viewing 15 replies - 1 through 15 (of 30 total)
  • The topic ‘Calder SVG not working’ is closed to new replies.