Shortcode content does not appear – iframe is empty

  • Hi,

    I am running out of ideas to troubleshoot this and could use some advice.

    When using my custom theme, the H5P loads but it has no content in it. The mark-up is;
    #document
    <html>
    <head></head>
    <body></body>
    </html>

    I can confirm this must be something in my theme, not the plugin, as the embed works again if I switch to Twenty Seventeen theme. I’m seeking help as I’ve tried a lot of troubleshooting and have run out of ideas of what to check. It could be my theme is missing something rather than contains something that causes a conflict. Here is what I have done so far;

    • Used a test page template that is only header, footer and the_content to check what’s being output
    • Cleared as much of my functions.php file as possible
    • Cleared all CSS to see if a style was targeting iframes
    • Taken out JS
    • deactivated all plugins except H5P
    • I saw another user fixed a display issue by using an older version of JQuery but this hasn’t fixed it either
    • Tested other shortcode plugins to ensure the theme is rendering shortcodes.

    If anyone has some suggestions of other things I can check, or if there may be something missing from my theme that H5P requires, please point me in the right direction.

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author thomasmars

    (@thomasmars)

    Hi,
    How is the content inserted on this page ? Are you using shortcodes ?
    Does it work when viewing the content directly while using this theme ? Seems like there must be something conflicting with the shortcode logic.

    Which version of WordPress and which theme are you using ?

    It seems like the H5P.js intialization script and none of the dependencies are loaded for this page, so the content is not initializing properly and getting setup on the backend. This could be due to conflicting plugins or something wrong when inserting the H5P, are you sure the ID that you’re using for the shortcode is correct ?

    Thread Starter martinjstephens

    (@martinjstephens)

    Hi, Thanks for your reply.

    I am using a shortcode within the classic editor and I’m pretty sure it’s the right one as it’s the only piece of content I have at the moment and it works in the WP twenty seventeen theme – the shortcode is [h5p id=”1″].

    I’m on WP 5.6 and I’m using my own bespoke theme that I’m building myself.

    Can you think of anything that might be blocking the H5P.js intialization scripts from loading? I’ve noticed on other sites in the forum there are several resources loading in the pages that aren’t loading on mine. What do you think?

    KR
    Martin

    Thread Starter martinjstephens

    (@martinjstephens)

    Here is a list of the plugins on my site, just in case any of these hump out. I did deactivate them as a test, but this info might help;

    – ACF Content Analysis for Yoast SEO
    – Advanced Custom Fields
    – Broken Link Checker
    – Classic Editor
    – Compress JPEG & PNG images
    – GoDaddy Pro Sites Worker
    – H5P
    – Redirection
    – SSL Zen – Free SSL Certificate & HTTPS Redirect for WordPress
    – TablePress
    – WPForms Lite
    – Yoast SEO

    Plugin Author thomasmars

    (@thomasmars)

    Sorry, I’m not able to reproduce this, and have limited time to spend on this. If the page works in a different theme, but not your theme when you have disabled all plugins, chances are that it is your theme that is conflicting with the code. Have you tried to remove/disable parts of your theme systematically to check if that fixes the issue ?

    Thread Starter martinjstephens

    (@martinjstephens)

    Thanks, I appreciate it’s most likely an issue with the theme.

    You can see the steps I’ve tried in my OP;

    Plugin Author thomasmars

    (@thomasmars)

    Yes, sorry I don’t have much to add. Maybe you could try to base your theme off an already working minimal theme and move your way over to what you have now and you should be able to find what is causing the issue

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Shortcode content does not appear – iframe is empty’ is closed to new replies.