WordPress.org

Ready to get started?Download WordPress

Forums

Edge Suite
[resolved] Issues with WP Portfilio & page refresh (19 posts)

  1. Stephen_W
    Member
    Posted 1 year ago #

    Hi Timm,

    I've done more testing and found an interesting issue for you. When you navigate to the home page everything works as expected. If you refresh the home page though the portfolio content does not load correctly. Refreshing is really a hit-or mis thing. If you hit the "home" button the page loads just fine.

    Any ideas on what could be causing this?

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

  2. ti2m
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Stephen,

    always glad when someone finds a bug ;-) Any chance I can take a look at this online?

    How did you include the composition? Shortcodes I guess... What content is not showing up? The whole page content or just the edge content. If so then I know where this is going. For shortcodes I had to place the javascript directly inline within the body tag and not the header. That could cause problems...

  3. Stephen_W
    Member
    Posted 1 year ago #

    Hi Timm,

    You are the expert on this. I'd love it if you could try out http://www.waskul.tv and let me know what you think. Everything should load fine the first time. If you refresh the page you should see some issues with the portfolio items refreshing near the bottom of the screen. When it's like that if you click on the home button the page loads again and everything is fine.

  4. Stephen_W
    Member
    Posted 1 year ago #

    Strangely enough, I just tried to replicate this and it's not happening as often. Still if you try a few times you should see what I'm talking about... hopefully

  5. ti2m
    Member
    Plugin Author

    Posted 1 year ago #

    I can only reproduce this in firefox. The loader is showing up for one of the boxes. I get a JS error jQuery easing. I took a look, you are including jquery easing within the body tag (right below div class="content"). Move all JS stuff up in the head section and you should be good to go. In the end that's the same problem I am assuming will show up for compositions being included with shortcodes. Have to hack wordpress a bit to resolve that. Or are you using shortcodes for the portfolio as well?

  6. Stephen_W
    Member
    Posted 1 year ago #

    I'm using the portfolio shortcode along with the Edge Animation shortcode on the WP HTML tab for the home page. Here's what I have there:

    <div class="alignleft">
    [edge_animation id="12" left="0" top="-90"]
    </div>
    
    <div class="alignright" style="padding-top: 10px;">
    [search textColor="#FFFEFC"]</div>
    
    [portfolio column="5" sortable="true" sortable_showText="Channel:" cat="waskulontech,nab-2012,nab-2013" advanceDesc="true" effect="icon" titleLinkable="true"]
     

    How do I move the "JS stuff" up in the head secion? Should I be handling the shortcodes differently?

    [Moderator Note: Please post code or markup snippets between backticks or use the code button. As it stands, your code may now have been permanently damaged/corrupted by the forum's parser.]

  7. Stephen_W
    Member
    Posted 1 year ago #

    Didn't notice the code button...sorry about that!

  8. ti2m
    Member
    Plugin Author

    Posted 1 year ago #

    Portfolio runs into the same problems I assumed Edge might run into when being used with shortcodes, although Edge might be working because of the preloader. Shortcodes are being handled after wp_head() has been called, which is where JS files get printed to head. Therefore one has to add JS inline with shortcodes. This means JS files don't get loaded right away, but might have a short delay. Often that doesn't matter, but I'm pretty sure in your case it does, more or less. Its the reason why it works most of the time, but not always. If these problems start poping up for edge I'll write a pre-parser that will check the Edge shortcodes before wp_head is called so JS files can be added to head, as it should be. But for now it seems to work.

    To sum it up I think that's an issue of portfolio shortcodes, did you look in the issue queue over there?

  9. Stephen_W
    Member
    Posted 1 year ago #

    Hi Timm,

    This issue does not show up unless the Edge plug-in is active so I was hoping there might be some simple interaction between the two causing this. I could not find anything so far elsewhere on this.
    I can have a friend look at this as well who's a lot more HTML savy than I am. Any other suggestions to check out or is the post above what they would need to figure things out?

    Thanks for your help!
    Steve

  10. ti2m
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Steve,

    try to move the portfolio shortcode up before the edge shortcode, just for testing. If this resolves the isssue then it's a problem with shortcodes and how JS gets included.

  11. Stephen_W
    Member
    Posted 1 year ago #

    OK, I tried that and got some interesting results. None of the images load into the portfolio at the top of the page but the Edge Animation still works near the bottom. If I take the Edge Animation shortcode out, the portfolio works perfectly with all the images loading regardless of using the refresh page or navigating to the site from a different page or using the home button.

    I did contact kaptinlin.com (Paul in the Striking Team) and they said they have 12,000 users with no issues like this on Portfolio so it must be an issue with one of my plug-ins... no real help there....

    Any new thoughts? It would be fantistic if this would work.

  12. ti2m
    Member
    Plugin Author

    Posted 1 year ago #

    Might be because of different jquery versions or some other strange JS interference. We could try to debug this in more detail, but there is also another option. I've already implemented an "iframe" renderer for Drupal Edge Suite which wraps the whole compositions - well - in an iframe. That way it can't interfere with anything. I don't like iframes very much and I think one should avoid it where ever possible, but sometimes there might not be that many other options.

    I might have time at the weekend to look into it, I'll let you know

  13. Stephen_W
    Member
    Posted 1 year ago #

    Hi Timm,

    Just to follow up with more info. I tried a couple of options in the Striking theme advanced tab - "disable colorbox" and "turn on shortcode support in comment". With these turned on the portfolio seems to work nicely with the Edge Animation plug in. Any thoughts on that? The portfolio content now seems to refresh fine. I'm going to start loading in more video content today so it will be interesting to see if all goes well.

    Please let me know if this helps answer any questions that might have been part of the issue....and thanks again for your plug in - Great work!

  14. Stephen_W
    Member
    Posted 1 year ago #

    Hey Timm,

    I spoke to soon. While things seem to be working perfectly now on IE9, the ipad has issues loading the portfolio content with the plug in running. I checked the console and it has the following JS error:
    "undefined TypeEror:'undefined" is not a function"

    If you could figure out your iframe magic I'd really appreciate the help!

    Steve

  15. ti2m
    Member
    Plugin Author

    Posted 1 year ago #

    Hi, "undefined is not a function" points to the loading issue as well. Which line in which file does cause the error?

    I have been working all day on the iframe renderer, took me quiet I while to find the right wordpress API functions to work with. Am almost done, will try to commit it to a dev branch tomorrow.

  16. ti2m
    Member
    Plugin Author

    Posted 1 year ago #

    I just committed the iframe renderer to the dev branch. Get the latest version from
    http://downloads.wordpress.org/plugin/edge-suite.zip

    You should now be able to use the following shortcode to get an iframe:

    [edge_animation id="12" left="0" top="-90" iframe="true"]

    Let me know if this works for you.

  17. Stephen_W
    Member
    Posted 1 year ago #

    HI Timm,

    I read up on iframes and was able to do it manually but your new version would really make things easier. I'll test it for you and let you know how it goes.

  18. Stephen_W
    Member
    Posted 1 year ago #

    Also, any way to set teh animation numbers back to 0 or to "reassign" them? Just a thought...

  19. ti2m
    Member
    Plugin Author

    Posted 1 year ago #

    Iframes seem to work in shortcodes, if you run into problems let me know. I have added the "reassign id" feature to the trello roadmap http://tinyurl.com/edge-suite-trello

    Thanks for testing!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic