Support » Plugin: Elementor Page Builder » Instagram: All images only show when logged in

  • Resolved brownbrowniebrownerson

    (@brownbrowniebrownerson)


    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)
  • 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 ) ) {

    brownbrowniebrownerson

    (@brownbrowniebrownerson)

    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

    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.

    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

    brownbrowniebrownerson

    (@brownbrowniebrownerson)

    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

    brownbrowniebrownerson

    (@brownbrowniebrownerson)

    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/

    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.”

    Ask your host to change the X-Frame-Options from DENY to SAMEORIGIN

    brownbrowniebrownerson

    (@brownbrowniebrownerson)

    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?

    Plugin Support Lisa R

    (@lisaelementor)

    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/

Viewing 10 replies - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.