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?
always glad when someone finds a bug 😉 Any chance I can take a look at this online?
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.
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
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?
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.]
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?
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!
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.
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.
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
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!
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!
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.
I just committed the iframe renderer to the dev branch. Get the latest version from
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.
- The topic ‘[Plugin: Edge Suite] Issues with WP Portfilio & page refresh’ is closed to new replies.