Instagram: All images only show when logged in

Resolved brownbrowniebrownerson
(@brownbrowniebrownerson)

4 years, 2 months ago

We’re having a feed population issue with the Elementor Instagram widget.

The issue is that the feed shows one image or two images: just spotty results.

We have turned off our security and caching plugins. Nothing changes.

The only error in the error_log is:
PHP Notice: Undefined property: Elementor\Editor::$notice_bar in public/wp-content/plugins/elementor-pro/plugin.php on line 332
If we could get a solution for that too it would be great.

The DevTools gives a 403 error.

In response I’ve cleared out the .htaccess file completely. Then replaced the nothingness with the standard .htaccess info from the codex.

The images are only giving this error when a user is NOT logged in.

When I log back in the images populate.

Any ideas?

GET https://scontent.cdninstagram.com/vp/91d8a94e74e123f8c5e9029f5b780c96/5D31D3C7/t51.2885-15/sh0.08/e35/s640x640/65121708_456234118542606_3548978784005561380_n.jpg?_nc_ht=scontent.cdninstagram.com 403

The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)

pacefalm
(@pacefalm)

4 years, 2 months ago

Hey mate have you updated to Elementor Pro v2.5.11?
the bug was fixed in this update, if you don’t want to update you can simply replace line 332 in plugin.php with the following:
if ( isset( $elementor->editor->notice_bar ) ) {

Thread Starter brownbrowniebrownerson
(@brownbrowniebrownerson)

4 years, 2 months ago

I updated but the images still aren’t showing up plus a new issue.

css is 404-ing on all the interior pages. Each page has a different missing stylesheet.
uploads/elementor/css/post-7714.css?lbisphpreq=1 net::ERR_ABORTED 404 (Not Found)

I’ve regenerated CSS in Elementor tools.
I’ve already deactivated my caching plugins before the update.
I cleared Jupiter’s cache.
Nothing in error_log.

The style sheets are missing only on logged out users.

Any ideas?

Thanks

pacefalm
(@pacefalm)

4 years, 2 months ago

Is the stylesheet missing? That could probably be why as I can’t seem to get to it through the direct link,

Although for some reason when you access the 404 page for your site the instagram feed and css style sheet seem to work flawlessly.. super odd
http://raiateahelm.com/wp-content/uploads/elementor/css/post-7468.css?lbisphpreq=1

in regards to the Instagram not showing anything it’s because the URL signature is expiring before the site can cache it, if it has an option to “check for new posts” try and set that to the lowest it can be.

pacefalm
(@pacefalm)

4 years, 2 months ago

Oh it’s seems you’ve uploaded the css since I looked at that link,

example of 404:

http://raiateahelm.com/wp-content/uploads/elementor/css/dasdsa
Thread Starter brownbrowniebrownerson
(@brownbrowniebrownerson)

4 years, 2 months ago
As this is a client’s site, I can’t just leave the site with 404 exposed for any amount of time.

I reverted the site to before the update. So, we’re still dealing with the Missing Instagram imagery for non logged in users. But now I’m afraid to update the plugin, is disappearing stylesheets a common issue with the new update?

I’m confused, in Elementor in the Instagram block, there are no ‘check for new posts’ setting. Is this setting somewhere else?

Thanks
- This reply was modified 4 years, 2 months ago by brownbrowniebrownerson.
Thread Starter brownbrowniebrownerson
(@brownbrowniebrownerson)

4 years, 2 months ago
This is the strangest thing.

When I go to a page logged out. The css 404s

When I go to the page when logged in the page loads fine

THEN if I go and load the page logged out ( in another browser ) the css loads

I’ve got to each page logged in except my blog page:
http://raiateahelm.com/blog/
- This reply was modified 4 years, 2 months ago by brownbrowniebrownerson.
pacefalm
(@pacefalm)

4 years, 2 months ago

Seem to get this error when viewing the page in firefox (Css loads, instagram pics don’t only the first one)

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at ‘https://graph.instagram.com/logging_client_events’. (Reason: Credential is not supported if the CORS header ‘Access-Control-Allow-Origin’ is ‘*’)

“The CORS request was attempted with the credentials flag set, but the server is configured using the wildcard (“*”) as the value of Access-Control-Allow-Origin, which doesn’t allow the use of credentials.

To correct this problem on the client side, simply ensure that the credentials flag’s value is false when issuing your CORS request.”

Donna Cavalier
(@cavalierlife)

4 years, 2 months ago

Ask your host to change the X-Frame-Options from DENY to SAMEORIGIN
Thread Starter brownbrowniebrownerson
(@brownbrowniebrownerson)

4 years, 1 month ago
Thank you very much for your response.

Though, I am a little confused with your responses. I am not seeing a CORs issue.

I’m consistently getting 403 errors for the instagram imagery.

Here’s the header of one instagram image.
```
Request URL:https://scontent.cdninstagram.com/vp/0a64bf22e2a1fc192e613daba7992492/5D327C87/t51.2885-15/sh0.08/e35/s640x640/65121708_456234118542606_3548978784005561380_n.jpg?_nc_ht=scontent.cdninstagram.com
Request method:GET
Remote address:[2a03:2880:f2ff:c4:face:b00c::43fe]:443
Status code:
403
Version:HTTP/2.0
Referrer Policy:no-referrer-when-downgrade
```
According to MDN:
The HTTP 403 Forbidden client error status response code indicates that the server understood the request but refuses to authorize it.

I’ve disabled any plugins that could interfere

It’s strange that this issue only happens when logged out.
Do you know of any alternative plugins?
Lisa R
(@lisaelementor)

4 years ago

Hi @brownbrowniebrownerson
Elementor does not have an Instagram Widget.
You can try to reach out to our community if you are still looking for help.
https://www.facebook.com/groups/Elementors/