Error trying to query Picasa API. Response status: 404

inetis-ch / oc-GooglePhotos-plugin

Display public Google Photos albums into OctoberCMS

https://octobercms.com/plugin/inetis-googlephotos

MIT License

9 stars 1 forks source link

Error trying to query Picasa API. Response status: 404 #10

Closed GreyGrump closed 6 years ago

GreyGrump commented 6 years ago

Hi Guys, I'm getting the titled error when I click "Preview" on my Album page. I can load the Gallery page and the Album page just fine but when I click an image in an album I have an empty modal pop up. Images below should help explain......

This is the exception error when I try to Preview the Album page...

This is my album page settings... album

This is my gallery page settings... gallery

This is the empty modal I get when clicking an image in an album... popup_window

I'm assuming the modal comes up empty due to the Http referrer error, but not sure why this would happen only for the actual image and not the Gallery/Album access. Have checked & quadruple checked my settings and followed instructions but coming up short for a solution. Cheers, 8-)

GreyGrump commented 6 years ago

Mmmm nearly a week and no response... I guess this plugin is now un-supported. Plugin un-installed. 8-/

Fl0Cri commented 6 years ago

Hello, sorry for my late reply, I didn't see your issue. Do you still want to try debugging it?

GreyGrump commented 6 years ago

Hi, no worries... better late than never ;-)

I have removed it from my system but would be happy to re-install and debug. Much prefer to use google's bandwidth than my own. 8-)

Fl0Cri commented 6 years ago

Ok, I didn't uderstand exactly where do you get the error page at the beginning? Because later you can get to the album page (where images of the album are displayed), right?

The problem seems to be the full size images (when you click on a thumbnail, it should open a modal with the original image inside). But before opening the modal are you seeing the thumbnails or are they blank like the full one?

GreyGrump commented 6 years ago

The error comes up when I click "Preview" on my Album page in October/Backend/CMS/Pages.

Yes, I can see the Gallery (All Albums) and can see the Album (All thumbs) but when clicking a thumb for full image the modal comes up empty (as per last image).

Fl0Cri commented 6 years ago

Ok, the preview from the backend is a "normal" error: October can't know what to fill for the :albumId parameter, so the plugin ends up trying to query GooglePhotos for a wrong album id.

For the full image not showing, I see two possibilities:

A JS / browser issue: There is a piece of JavaScript to display the image inside the modal, maybe your browser doesn't like it. Try to click on an image on the following page (working for me) and tell me if it works. https://demo.inetis.ch/plugins/google-photos/album/6437053746716000689
It may be an issue with the full image ulrs not being accepted by Google, but it would be surprising because it's exactly what is returned by the API.

Can you try the first point, if it works on our demo site, try the following. On your site, right-click on a thumb -> inspect element, then copy the url inside the href attribute of the closest <a> tag and try to open it in a new browser tab. Tell me if it works or if you get an error message. outils de developpement - october cms - google photos album - https___demo inetis ch_plugins_google-photos_album_6437053746716000689 2018-04-03 12 52 11

GreyGrump commented 6 years ago

OK, the demo @ https://demo.inetis.ch/plugins/google-photos/album/6437053746716000689 works fine for me in Chrome, Firefox and Comodo Dragon browsers.

When I Inspect Element, copy image link and open in new browser tab, it "downloads" the full image but won't display it in the browser. Very strange.... 8-/

Oh, probably should add..... I'm running a heavily customised version of Veg Pro theme, and include all the normal JS and Bootstrap3 components.

Fl0Cri commented 6 years ago

Ok, now can you try to right-click -> inspect on the modal? You should have something like this: outils de developpement - october cms - google photos album - https___demo inetis ch_plugins_google-photos_album_6437053746716000689 2018-04-03 14 00 10

If you doesn't have the <img>, then we'll be sure it's a script issue. Can you check if you have errors in the JS console? Check also that you have both Bootstrap and jQuery loaded (and what version of Bootstrap are you using?).

GreyGrump commented 6 years ago

Modal inspection comes up empty... no <img>. Running Bootstrap v3.3.5 ... jQuery v1.12.4

I do have some JS errors......

Also a couple of facebook.embed.js errors which I'll clean up tomorrow. After midnight here now so I'm hitting the hay. Thanks for your help, will pick this up again tomorrow.

Cheers, 8-)

Fl0Cri commented 6 years ago

Ok, have a good night ;-) Your jQuery seems to be in "noConflict" mode. Unless you have an other library that uses the global $ variable, you can disable the noConflict and it should fix the problem

GreyGrump commented 6 years ago

Ahh yes... I simply removed jQuery.noConflict(); from the last line of my jquery.js file and this has solved the issue.

Thank you very much. 8-)