WordPress.org

Ready to get started?Download WordPress

Forums

Edge Suite
[resolved] [closed] Trouble using plugin (54 posts)

  1. innature12
    Member
    Posted 1 year ago #

    I hope you can help me make sense of getting an adobe edge composition into my wordpress site. I have tried your Edge Suite plugin but nothing happens. I just get an empty space on the page or a can't find the page message.

    Thanks for your help.

    http://wordpress.org/extend/plugins/edge-suite/

  2. ti2m
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,
    did you follow the usage instructions? Does the uploading work? Any error messages when uploading a composition?

  3. innature12
    Member
    Posted 1 year ago #

    Thanks for responding. I am running wordpress 3.4.2.
    The theme is Pagelines.
    After placing the code
    <?php
    if(function_exists('edge_suite_view')){
    echo edge_suite_view();
    }
    ?>
    in the pagelines theme header.php just above the ending head tag, then uploaded the zip file in the manage compositions tab, then created a new page and chose the edge suite composition at the bottom of the page with the edge suite chooser. Saved, published, viewed page and nothing. All pageline theme stuff is there but nothing else.
    Got no error messages. Tried to see if choosing from the Edge suite settings would work as a default but it didn't. Tried choosing default from the chooser at the bottom of the page.

    The zip opens fine and the animation works in the browser locally on my machine.
    Really would like to make this work.

    Thanks for your help. This will be a very valuable plugin to a lot of people.

  4. ti2m
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,
    is the site online somewhere so that I can take a look? When you say
    "in the pagelines theme header.php just above the ending head tag", do you mean you pasted the code above the < / head > tag? That won't work as the tag needs to be inside the body tag. Just move the code below the head tag.
    Just tried it with Pagelines and it works for me. I pasted the code below line 36, although you might want to check where you actually want to place the edge animate composition. Hope that helps.

  5. ti2m
    Member
    Plugin Author

    Posted 1 year ago #

    I just put together a section for the pageline theme. With that you don't need to place the PHP code anywhere. You can place a general edge suite section anywhere in the template with drag and drop. Edge Suite will then render the composition into this section. Give it a try if you want.

    Code is available at http://edgedocks.com/edge_suite_wp

  6. innature12
    Member
    Posted 1 year ago #

    Ok, I'll try it.

  7. innature12
    Member
    Posted 1 year ago #

    Something else is going on, I think. After:
    * Place the edgesuite folder within the Pageline theme folder: wp-content/themes/pagelines/sections/edgesuite
    * Pageline will autodetect the section and you can position it in the drag and drop interface.

    I am seeing and able to move the section into place.

    On the top of the page where the section is activated on top of everything this text is showing up:

    echo pl_source_comment('Start >> HTML Body', 1); ?>

    any thoughts?

  8. ti2m
    Member
    Plugin Author

    Posted 1 year ago #

    Looks like you delete a PHP opening tag when taking out the code. Insert a <?php before that line (echo pl_source ....) in header.php, right after </head>

    Does the edge animation show up?

  9. innature12
    Member
    Posted 1 year ago #

    Sorry to keep bothering you.
    You fixed the problem:
    echo pl_source_comment('Start >> HTML Body', 1); ?>

    It is now gone. Thank you.

    However I am still not getting the animation. It just shows a white space on the page where the animation is supposed to go. I turned off all of the plugins except for Edge Suite and Pagelines Sections. Still nothing.

  10. ti2m
    Member
    Plugin Author

    Posted 1 year ago #

    Can I take a look at the page somewhere?

    Otherwise can you save the page and sent it to me? Or sent me the animation?
    You can also take a look at the sourcecode and just search for "stage" to check if the htmk is there. But if you get the white frame the stage for the composition is probably set up correctly. What browser are you using? Can you activate the console in chrome (⌥⌘J on mac / Control - Shift - J on win). My guess is some kind of JS problem.

  11. innature12
    Member
    Posted 1 year ago #

    Would it help to see the source page?

  12. innature12
    Member
    Posted 1 year ago #

    This is the page source code:

    [ code removed - if you want to include that much code, please use pastebin.com ]

  13. ti2m
    Member
    Plugin Author

    Posted 1 year ago #

    Like I said, multiple things can go wrong. Easiest would be if you sent me the composition, then I test it on my installation and check if everything works. Next best thing is looking at an online version. By looking at at the raw source code I can just check if the stage HTML was rendered correctly and if the JS preloader file was inserted, I can't tell if JS crashes somewhere.

  14. innature12
    Member
    Posted 1 year ago #

    Sorry, had to go for a minute.

    If you go to theinnoversity.com I took all the other pages off the menu bar except for the Test Edge Page. This is the page where the animation should go below the carousel. How can I get you the composition to look at? Using Safari and tried in Firefox as well.

  15. innature12
    Member
    Posted 1 year ago #

    I also got this message when I uploaded the file. Didn't think much about it but maybe it means something to you.

    The file bug.zip has been uploaded.
    The following libraries have been updated:json2_min.jsedge.0.1.7.min.jsjquery-1.7.1.min.jsjquery.easing.1.3.js The following files were ignored as they are not needed:Untitled-1.html Untitled-1 was successfully imported.

  16. innature12
    Member
    Posted 1 year ago #

    on the bottom of the Test Edge Page you will find a link to the bug.zip which is just a simple test animation from Adobe Edge. This is the file that I have been using.

    Thanks again for your help.

    I hope there is nothing wrong in your plugin. It is most likely my error. But if there is some kind of bug I hope this helps find it.

    What kind of work do you do normally?

  17. ti2m
    Member
    Plugin Author

    Posted 1 year ago #

    Hi, thanks for the stuff, way easier to debug this way ;-) I totally forgot to consider that Edge Suite doesn't support minified versions of compositions (yet!). In preview 6 it all worked, but in 0.7 it now gets even more compressed and I would have to do all hell lot of parsing to adjust path prefixes. I'll contact the Edge team to check what the plan is. So for now please don't "publish" in Edge to build the archive. Just use the plain folder and zip it (deleting the published folder before).
    The messages your are getting are all ok, no problems there, uploading seems to work nicely. But I couldn't find the stage container on the "Test Edge Page". Did you insert the edge section? One other thing is the carousel. You might want to test Edge own its own first as the JS might clash somehow.

  18. innature12
    Member
    Posted 1 year ago #

    It's Alive!!!! The edge section is the only one on the page and had to compress all the files without a folder (except for the edge_includes folder), just the way edge saves it.

    Thanks for your help. If thats the only way it works you might want to include those new saving instructions in with the regular plugin or every one will still have trouble.

    I'll let you know if I run into any thing else.

    I don't know if this helps you but when I tried to save all the files within a folder I created and then compress, this is the message I got:

    The fide edge box.zip has been uploaded.
    Errors occurred while creating the uploaded project. The import was most likely corrupted.
    Aborting, no file found that matches the main edge JS filename pattern. This is not a valid composition archive.

    Don't know if that helps. If you want to test something else let me know.
    Thanks for your help.

  19. ti2m
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,
    I'm not sure I get it. The animation on the page works now or not? I can at least see a moving box there, no images though. I don't think it really matters how you zip it. In general I just right click the folder and zip it. That means that you have one "container" folder with all the files in it plus the image and edge_include folders. It should even work without the container folder, not sure, would have to test it.
    I just opened and resaved the box example you sent yesterday, zipped it, uploaded it to wordpress. It shows up as expected in pagelines. Do you want me to sent you the zipped file?

  20. innature12
    Member
    Posted 1 year ago #

    Yes, it works now, I just created a new test file that is just the box moving from left to right and changing color."It's alive" refers to the movie Frankenstein. That's what the scientist yells when the monster finally comes to life. When I save from Edge I get several files and one folder, not just one folder.

    box_edgeActions.js
    box_edgePreload.js
    box.edge
    box.html
    box_edge.js
    edge_includes folder

    When I publish it from edge then I get one folder.

    Looking at this page on my iphone however, the canvas extends beyond the frame of the website. It works fine on my ipad. So does that mean that my Edge stage is a fixed size and pagelines is built to be variable? How do I get the animation to adjust regardless of device it is viewed on? Is that done in Edge? Still learning the program.

  21. ti2m
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,
    glad to hear it works now. I'll check the publish output again.
    I guess you need to make overflow hidden and apply flexible layouts (new in preview 7). There is a video tutorial, in case you are interested, it even explains how to do adaptiv layouts with EdgeCommons that we are working on. Here is the video:
    http://edgedocks.com/content/flexible-layouts-using-adobe-edge-animate-and-edge-commons-library

  22. innature12
    Member
    Posted 1 year ago #

    Hi,

    I was just about to contact you to tell you that the plugin was working fine with the newly released Adobe Edge 1.0 but then I noticed a couple of things.
    1. Sometimes type generated in Edge does not end up in the same place once it gets to wordpress.

    2. It seems after 4 tests with different files that graphics imported into Edge are not showing up in the wordpress page.

    Have you experiencing the same thing?

  23. ti2m
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,
    sorry, I'm a bit slow today:
    1) What do you mean by "type generated by Edge"?
    2) Do you have an example composition so I can check?

    But in general the current release is not fully compatible with Edge Animate 1.0 yet. I'll try to fix that asap, latest end of the weekend. Maybe that will already solve the problems you are having.

    But in general the file upload works now?

  24. ti2m
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,
    I just pushed updates for version 0.3. Could you please test how your compositions work with the new version? OAM and minified files are now supported, would be great if you could use oam files when testing your compositions. They get generated when publishing with option "Animate Deployment Package".

    Thanks

  25. innature12
    Member
    Posted 1 year ago #

    Hey,

    Sorry it took so long, wanted to know the program a little better. Still learning the whole adjustable layout thing. This was the type problem. Everything seems to be working fine now. It was late when I was trying to do it before. I just didn't include the images folder in the archive. When I try to publish using the OAM setting. I get no result. Nothing shows up on the page. I will keep trying.

    Also, when I test the animation on my iphone it break completely out of the frame making it unusable. Any ideas?

  26. ti2m
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,
    did you use the latest version, 0.3 to test OAM files? Any error messages?

    Guess the iPhone thing is a different topic. Does the normal "non-wp" version work on iphone? Would guess its a flexible layout thing? Haven't tested edge on phones too much yet, but it should work with flexibel layout as this especially acts on widow width.

  27. innature12
    Member
    Posted 1 year ago #

    Check your link on the edgedocks page that's linked from your wordpress page. it's listed as: http://http://wordpress.org/extend/plugins/edge-suite/
    Can't find server. too many http:// in link.
    What's the advantage of publishing with OAM, finally got things working.
    Also under install plugins Edge Suite isn't listed as installed. WordPress is also not prompting me to update. Is this because I am using Pagelines?

  28. innature12
    Member
    Posted 1 year ago #

    Still trying to get this mobile phone thing to work correctly. This is kind of a deal breaker.
    If it doesn't work on mobile phones, clients will not want to go through the pain of switching sites from their current flash platform to edge. Then edge goes on the shelf and collects dust. And if it doesn't work with wordpress ( a platform we can explain and eventually have a company's internal support take over) then it also is not viable.
    Just to describe it better. If you are looking at the iphone screen. Usually the website will take up the entire screen width. However when a adobe edge document is placed on the page only 1/3 of the screen width is the page of the site with the adobe edge section extending out past the page and extending the background. This same thing happens whenever I try to use 3rd party plugins like the ken burns slider from code canyon for example. It happens with other 3rd party plugins as well. Any ideas?

  29. ti2m
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,
    can't find the broken link you are talking about.

    Edge animate works with smaller screens, as I mentioned with flexibel layouts. Did you test your flexible layout animation animation without wordpress on your phone? We got this to work without that many problems. If you want to I can check and dig out my files somewhere.

    So in general I'm not sure this is a wordpress or Edge Suite issue, maybe you want to post an issue over it the edge animate forum.

  30. innature12
    Member
    Posted 1 year ago #

    This is the page with the broken link:
    http://edgedocks.com/content/edge-suite-integrate-edge-animate-wordpress
    Under Edge Suite Installation. In Edge Suite - Integrate Edge Animate into wordpress - section. The link "Edge Suite plugin site"

    I have gone over several flexible layout tutorials and set the stage to % instead of pixels and set a minimum and maximum but it still looks the same. It's not just Edge though. It seems to be a pagelines thing. When I load other sliders onto pages other than the ones I get from the Pagelines store they break out of the page. Pagelines Features crops and centers any text on the page. I really want to make this work with pagelines and wordpress. These are platforms existing clients already understand and use. Going back to Dreamweaver now is no good.

    I have a meeting be back in an hour and I will test OAM on a site that is not a clients site to get some of the answers you were looking for.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.