Second 3D viewer doesn't load

[randygeske]

Hi, I have a wordpress page with the following code on it:
[wr360embed name="view02" width="550px" height="380px" config="/blog/wp-content/uploads/2013/06/Nome3/nome3.xml"]

[wr360embed name="view01" width="653px" height="380px" config="/blog/wp-content/uploads/2013/06/Nome360/nome360.xml"]

The second viewer will not load. I get the progress bar but it never loads. If I swap the lines of code so that the other viewer is first, then that viewer loads and the other one doesn't. In both cases, the viewer who's code is second doesn't load. Am I doing something wrong? Any help is appreciated. Thanks!

-Randy

 

[WebSupport]

Hi Randy, have you purchased the PRO license before by any chance? As this is a PRO-only feature - please see under Upgrade to PRO: http://wordpress.org/plugins/webrotate- ... ct-viewer/

You can still use multiple popup shortcodes in the free version.

 

[randygeske]

Thanks, that explains it. I'm using the free version right now.

Hmm... I actually wanted to use multiple popup shortcodes, but was also having a problem with them. Links for the popups would show up on my wordpress page, but what showed up in the popup was the 404 error page for my wordpress site. Here is my code:

[wr360popup name="yourviewname1" gallery="true" width="550px" height="380px" config="/blog/wp-content/uploads/2013/06/Nome3/nome3.xml"]your thumbnail image or text[/wr360popup]
[wr360popup name="yourviewname2" gallery="true" width="653px" height="380px" config="/blog/wp-content/uploads/2013/06/Nome360/nome360.xml"]your thumbnail image or text[/wr360popup]

[wr360embed name="view02" width="550px" height="380px" config="/blog/wp-content/uploads/2013/06/Nome3/nome3.xml"]

[wr360embed name="view01" width="653px" height="380px" config="/blog/wp-content/uploads/2013/06/Nome360/nome360.xml"]

"view02" shows up successfully on my page with the code shown. Why isn't it showing up correctly in the popups? Thanks for your help! Is there a real working sample wordpress page that I can see how it is coded?

-Randy

 

[randygeske]

I looked at the source code for the problem page. I noticed that some of the URLs had "/webrotate360/" in them while the folder that I uploaded to the server is named "webrotate360_wordpress_integration" Could this be causing the problem?

Thanks, that explains it. I'm using the free version right now.

Hmm... I actually wanted to use multiple popup shortcodes, but was also having a problem with them. Links for the popups would show up on my wordpress page, but what showed up in the popup was the 404 error page for my wordpress site. Here is my code:

[wr360popup name="yourviewname1" gallery="true" width="550px" height="380px" config="/blog/wp-content/uploads/2013/06/Nome3/nome3.xml"]your thumbnail image or text[/wr360popup]
[wr360popup name="yourviewname2" gallery="true" width="653px" height="380px" config="/blog/wp-content/uploads/2013/06/Nome360/nome360.xml"]your thumbnail image or text[/wr360popup]

[wr360embed name="view02" width="550px" height="380px" config="/blog/wp-content/uploads/2013/06/Nome3/nome3.xml"]

[wr360embed name="view01" width="653px" height="380px" config="/blog/wp-content/uploads/2013/06/Nome360/nome360.xml"]

"view02" shows up successfully on my page with the code shown. Why isn't it showing up correctly in the popups? Thanks for your help! Is there a real working sample wordpress page that I can see how it is coded?

-Randy

 

[WebSupport]

Hmm, if you would install the latest from WP here, the 360 viewer plugin folder would have been named webrotate-360-product-viewer and would work I think. It sounds as if you got some old version of the plugin - is this possible? I suggest to just reinstall the latest from WP and see if it works (please remove all webrotate folders from your plugin folder first).

Also please don't append "px" to the width and height in the popup shortcode - this could cause a problem.

Please let us know. You can also send us your link to support at webrotate360 dot com and we will see what's going on.

 

[randygeske]

Thanks for the feedback! I did as you instructed. Getting close. The popups pop up with enough space for the 3d view, but all I get is white space. Here is the code:

[wr360embed name="view02" width="550px" height="380px" config="/blog/wp-content/uploads/2013/06/Nome360B/nome360.xml"]

[wr360popup name="yourviewname1" gallery="true" width="550" height="380" config="/blog/wp-content/uploads/2013/06/G20driver360/g20driver360.xml"]<img src="/blog/wp-content/uploads/2012/02/AnserIronHeroILL-50x35.jpg"/>[/wr360popup]

[wr360popup name="yourviewname2" gallery="true" width="550" height="380" config="/blog/wp-content/uploads/2013/06/G20iron360/g20iron360.xml"]your thumbnail image or text[/wr360popup]

 

[WebSupport]

Hi Randy - just checked the link you sent via email and both embed and popup work for me now. Are you seeing the same?

 

[randygeske]

Thanks for checking the page. I closed my browsers and reopened them and here are the results:
- Firefox: embed and popup work.
- Safari: embed hangs at 97%, first popup worked, second didn't load, then first wouldn't load
- Chrome: embed works, popup doesn't load ever.

What browser were you using? Anything I can do to get everything to work in all browers?

Thanks again!
-Randy

 

[randygeske]

The popups on your sample wordpress page with the shoes work fine for me in all three of the browsers I am using. Do you know what might be different on my wordpress page
-Randy

 

[WebSupport]

From the first look it seems that your WP installation runs an old version of jQuery (a javascript library) that we rely on.
Your's is v1.4 and our recent versions of the 360 viewer are tested with 1.7.x - 1.8.x. That would explain some anomalies you are seeing.

We can configure our plugin on your WP server to use a newer version of jQuery but would need access to your ftp at least to our plugin folder. Does this make sense or we can send you some instructions on how to change the code on your end?

 

[randygeske]

Hi. Yes, I have been putting off upgrading my installation of WP. Last time I did that it messed up my template. Ugh!

Well I upgraded to the latest WP installation today. I believe it upgraded jQuery. Still having the same problems as before. Is there still something not right with the installation? If you need to access to my ftp at fix it let's do it.

By the way, I want to display these 360 degree computer renderings on my blog to my clients to get more work like this. Will definitely let them know how I did it and recommend your product to them.

Thanks again for your help.

-Randy

 

[randygeske]

Okay, here is some more information. After updating to the latest WP installation and making sure my caches are empty in all browsers, here are the results:
Firefox (OSX): embed stalls at 94%, popups work
Safari (OSX): embed stalls at 97%, popups: first one works, second one stalls. first one works second time, second one works second time.
Chrome (OSX): embed stalls at 97%, popups work
Internet Explorer (Windows7): embed stalls at 97%, popups: first one stalls at 97%, second one works.

The image is now showing up in all cases, but I'm still experiencing the loading stalling at 94-97%.

Hope this helps!
-Randy

 

[WebSupport]

Ok, so looked into it a bit more. Looks like there's another issue on this page - if you look at the footer of your test page you will see the following which is not related to our plugin I believe but if you look at the resulting source code, all html script below a certain line is missing including closing body tag, html tag, etc which can make things a bit unpredictable:

Fatal error: Using $this when not in object context in /home/content/r/a/n/randygeske/html/blog/wp-includes/default-widgets.php on line 551

I suggest to fix it first and then we can see if the 360 viewer issues are also resolved.

 

[randygeske]

Yeah, I saw that warning at the bottom, but it didn't seem to affect anything. I was hoping it would go away when I updated the WP installation. I have had the blog up for years without this warning. It seems to have come up on its own.

I'm no a programmer, but I looked at that line and didn't see anything obviously wrong. Do you have any advice for me on fixing it or someplace I can go to get it? Any help would be greatly appreciated.

-Randy

 

[WebSupport]

I see. The issue is that every page on website has a corrupt html structure right now which most likely is causing the 360 viewer issues. From what it looks like it's caused by your WP theme that has something in it to allow you to have widgets in the footer area and which doesn't work correctly (the widgets are designed to be on the sidebar by default). You can try to find a file under your current theme folder called footer.php - you should see something like this in there. Try to remove what is inside the box div as follows (save a copy of the file just in case before editing it):

div id="footer_area">
<div id="footer_area_content">
<div class="box">
Some code here - remove it.
</div>

I think the error would disappear then and we can see if the viewer issues are gone too.

 

[randygeske]

Wow! Thank you so much! Your advice was very helpful. I looked in footer.php and, yes, there was some widget code where you said it would be. I also noticed some code that made it look like the footer widgets could be turned off in the settings of the theme. I clicked the checkbox in settings and, voila, error code gone!

But... the loading problem persists. I called Godaddy tech support to see if it might be anything on their end. The only thing they noticed is that I'm using PHP 5.2 while 5.3 is the latest. They didn't say that installing the new version would fix the problem. They said that you must use the PHP that is supported by your wordpress theme, though. Installing the latest one could break your theme if it doesn't support it.

Before your last post, I also tested some other wordpress themes and had the same loading problem.

Godaddy helped me do a search at wordpress.org and I saw this post of someone that seems to be having the same problem:
http://wordpress.org/support/topic/html ... ing-issues. There were no responses or answers, though.

Do you have any other ideas? Thanks, again!
-Randy

 

[WebSupport]

Hi Randy - that's actually good news as the popup shortcode started working correctly after you fixed the html footer corruption.

Now what I see is that occasionally a simple image request to your web server gets stuck while loading one of the 360 images (it can always be the same one as on the screenshot - I didn't check). Please see attached. What you see in red is a normal image loading request that just doesn't get through on your server, and since it's one of the 360 product images, the viewer waits for it. I can reproduced it very rarely after I delete browser cache. Seems to be always ok in Firefox and sometime if you wait a bit in Chrome after it gets stuck, the loading for the pending image succeeds and it's loaded ok.

Couple of ideas to try:

1) Try replacing the image in red with some other image just to see if it's not corrupt or too large, etc.
2) Move your 360 spins from the uploads folder to the root of the website under a folder like 360assets.
3) I also suggest to use jpg images for your spins, as they will be much smaller and just generally would load much faster (this shouldn't have caused the failed server request though).

PS: remember to clean browser cache every time you try to reproduce it again.

 

[randygeske]

I tried everything you suggested. I even tried sizing down the images. The loading problem persists.

1) Don't think it is corrupt image because I have been tweaking and resaving the images regularly. The problem is happening 90 percent of the time after I clear the browser cache including in Firefox.
2) I moved the 360 spins to a folder at the root level.
3) Yes, I was just saving the files as jpgs when I got your latest message. Thought that might be a problem. They load faster now.
4) Called Godaddy again. Thought perhaps settings for memory_limit, max_execution_time, post_max_size, or upload_max_filesize might be a problem. From what I gather, the default settings for these shouldn't be causing trouble. Plenty of leeway.
5) It never resumes loading for me. Once it stalls, it doesn't continue.

Do you have any other suggestions?

-Randy

 

[WebSupport]

Hmm.. tried a bunch of times after your last post and can't repro it in neither of the browsers with or without the cache. Will think some more..

UPDATE: was able to hit it again in Chrome. Just once.. and then again everything loads fine regardless of cache. May I ask you to remove password protection from your test post and retest (just in case as not sure what's involved behind this)?

 

[randygeske]

I turned off password protection. Here are the results
Firefox: embed hung at 94%, got stuck
Safari: Worked fine.
Chrome: embed hung at 92%, got stuck
Internet Explorer in Windows 7: embed hung at 92%

I also tried it on my android phone and it hung at 94% and was stuck.