H5P content not showing on one specific language pages

Submitted by Yolaine B on Thu, 09/30/2021 - 09:00
Forums: 
Bugs in content types

Hello,

I have H5P (version 1.15.3) embedded in my website posts via wordpress (version 5.8.1), using Divi theme version 4.10.8.

All H5P content appears normally on all my English language pages but not at all on the French pages although I have created separate content for each language and the embedded code is different. For example one exercise is created for my English page with one code and a separate exercise is created for my French page with another code.

For example this page has H5P content:

https://yolainebodin.com/the-language-nook/other/french-prepositions-wit...

If you click on the French flag to go to the French page, or go directly here:

https://yolainebodin.com/fr/le-coin-langues/autre/quelle-preposition-dev...

you can see the H5P shows on the English page, not on the French whilst both were built in the same way and contain their own embedded H5P code.

How can I correct this?

Thank you for your help!

otacke's picture

otacke

Thu, 09/30/2021 - 20:07

Hi!

If you open your French page and check the developer console (usually opened by pressing F12), you'll see a bunch of error messages that stem from MailChimp crashing on that page, leading jQuery to break - and since H5P requires jQuery, I guess H5P never even starts the content. Have you tried to deactivate other plugins like MailChimp to rule out that they cause trouble?

Best,
Oliver

Yolaine B

Sat, 10/02/2021 - 20:10

Thank you Oliver. Deactivating Mailchimp plugin did not do change anything. However, I had in my list of plugins already deactivated jquery migrate helper (version 1.3.0). If I reactivate it, the H5P contents appear on my French pages of the website but no longer on the English pages. If I deactivate it, H5P contents switch: they appear on my English pages of the website but no longer on the French pages. So it looks like it's to do with jquery indeed but I wonder, is there another plugin I should use that would solve the issue and let H5P content launch on both the English and the French pages of the website? Any idea?

Thank you for your help!

Yolaine

Yolaine B

Sat, 10/02/2021 - 20:22

Thank you Oliver. Deactivating MailChimp plugin did not change anything but I had jquery migrate helper plugin deactivated in my list of plugins so I tried to reactivate it. Apart from the fact that it showed error messages, here is what happened: the H5P contents no longer appeared on the English pages but they appeared on the French ones. When I deactivated it again, it was the other way round again: H5P contents appeared on the English pages but no longer on the French pages of the website. Any idea what this means? Is there another jquery plugin I should use that would work and allow H5P content to be launched in both versions /languages of the website? Any suggestion of what I should do?

Thank you so much for your help,

Yolaine

 

otacke's picture

otacke

Sun, 10/03/2021 - 12:24

Hi Yolaine!

H5P provides its own version of jQuery that has been updated lately, so I assume some form of conflict between different versions - but that is not my area of expertise. Sorry.

Best,

Oliver 

Yolaine B

Wed, 10/20/2021 - 14:09

Hello, is there anyone around who could tell me if installing another plugin to make sure H5P contents are launched on both versions (languages) of my website would help?

Also, I wonder if it would help to uninstall and reinstall H5P. If so, would all the H5P contents I have already created be kept or would they disappear?

Thank you for your ideas and suggestions

Yolaine