tumultinc

I need a bit more info about your setup to figure this out. On a test server running 7.4 I’m not hitting any issues. Can you share debug logs that you see after attempting to upload a oam?

Sorry you’re hitting this issue. Can you let me know what PHP version you’re running and any debug logs you see in your WordPress’ console?

Hi Voledi, Here is 1.9.9, but I don’t understand what on our end would have changed. I’d prefer to learn more about the issue you’re experiencing with viewing / downloading PDF files. Can you give me steps to reproduce? Do you have the shortcode setup to load your Hype document within a ‘div’ or within an ‘iframe’? You may experience issues with downloading pdf files if you are setting your Hype as an iframe, so please try as a div instead.

Thanks for the logs! Can you please copy + paste the contents of this updated variables.php file (or download the repository) to see if the recent update resolves the issue? In some cases the maximum upload size was incorrectly calculated.

It would be very helpful to get your debug logs to know what is failing on your site: https://www.ads-software.com/documentation/article/debugging-in-wordpress/

If you could share the PHP version, language, and MySQL version that would be very helpful.

In our tests the plugin appears to work correctly in PHP v8.1.9.

Unfortunately not: It relies on code that Tumult Hype generates during export to define sizing + properties.

Hi Dennis,

We do have a branch with an improved variable init order that seemed to fix an issue when installing Hype via composer. Is that your case?

The branch is here: https://github.com/tumult/hype-wordpress-plugin/tree/initvariablechange and you can download that version via https://github.com/tumult/hype-wordpress-plugin/archive/refs/heads/initvariablechange.zip

Can you let me know if that resolves the issue for you? It’s unclear why in rare circumstances the plugin does not work.

You are correct that defined(‘ABSPATH’); may not be necessary — if you are interested in submitting a pull request that would be great: https://github.com/tumult/hype-wordpress-plugin/tree/master

Hi Miha,

To resolve this, make sure you export using a name like ‘mainanimac’ — do not start your animation with numbers, or symbols, and don’t export your OAM file with spaces.

Sorry you’re having issues. Can you let me know a bit more information about the document you’re uploading?

Is it responsive (does it have a scale property on the width / height in the document inspector)?

The ‘troubleshooting responsive documents’ section here may help you overcome issues with this if you do have a responsive document setup: https://forums.tumult.com/t/tumult-hype-animations-wordpress-plugin/11074

I just did a quick test with elementor and regular embed and everything seemed to work well for me with both div and iframe mode, so my thinking is that you might be setting a percentage value for the height dimension. Using a fixed size for height will likely fix the issue for you.
Or you can send us a message directly so we can check out your setup: https://tumult.com/hype/support/

Sorry for including your URL, I had to actually look at your site to see what was going wrong. WordPress does not allow editing posts after 60 minutes, but you can request that they remove posts or sensitive information if you send them a support request: https://www.ads-software.com/support/topic/delete-or-edit-my-question/

I recommend using ‘min-height: 400px’ as a css class if you want to enforce a height.

Hey @deralict — The plugin seems to be doing the right thing: When uploading an oam, it does unzip the file and place files in a folder like ‘/wp-content/uploads/hypeanimations/9/mapping-animation.hyperesources/’

9 is likely the shortcode for your animation.

You might be hitting an issue with a responsive document. Check out ‘responsive document tips’ on this page: https://forums.tumult.com/t/tumult-hype-animations-wordpress-plugin/11074?u=daniel

The issue is that the animation has a height of 100%, but this won’t work in your theme.

The Hype document is embedded in a space which has no height, so it is trying to fill 100% of ? — which unfortunately equals 0 so it is invisible. To work around this, uncheck the height scaling checkbox and re-export. There’s more tips and tricks in the ‘responsive document tips’ section of the Plugin help page: https://forums.tumult.com/t/tumult-hype-animations-wordpress-plugin/11074

https://www.chemouny-associes.fr/wp-content/uploads/hypeanimations/1/index.html

I’m not sure what the script’s display:none property is doing, but if you can share where this embedded after unchecking the height checkbox I’d be happy to take a look.

Hi @mengeco

The error here: (index):377 GET https://www.monsite.fr/wp-content/themes/joyn-child/animation/anim-accueil.hyperesources/animaccueil_hype_generated_script.js?31158 net::ERR_ABORTED 404

…looks like it is not loading the animation from where it should. The source for your site should be something like the following:

https://www.monsite.fr/wp-content/uploads/hypeanimations/123/anim-accueil.hyperesources/animaccueil_hype_generated_script.js?31158

Some things that can cause this are modifying tghe base_url in your theme, or if you don’t have the correct URL set in the ‘home’ and ‘site url’ in your Settings > General part of your wp-admin.

Or did you upload your WP export into wp-content/themes/joyn-child/animation/anim-accueil.hyperesources/ via FTP?

If the plugin uploaded your OAM correctly, it would be in wp-content/uploads/hypeanimations/1 (where 1 is the if of the animation)

Just for info, if I use the old method, without the plugin, and using the html code, it works…

Can you clarify how you’re embedding it normally? You placed it in your wp-content/ folder?

@sauerland – It looks like you have a responsive height setup. Please see the plugin page for information about embedding responsive Hype document: https://forums.tumult.com/t/tumult-hype-animations-wordpress-plugin/11074 – See ‘planning responsive documents’. This is a very common issue, but it can usually be resolved by unchecking ‘height’ scaling in the scene inspector.

Glad it’s mostly working well for you!
If you’re using Only Flexible Layouts in Hype and you have your height set to 100%, you will likely hit an issue where the Hype document won’t appear at all. This is because the height of the document is 0 pixels, if no height is set. To fix this, you can set a CSS class on a specific Hype element by filling in a CSS class on the input form: https://forums.tumult.com/uploads/db2156/original/2X/5/57221c860f81aeef1c864f76c3e7933974149763.png

Next, go to your WordPress theme’s CSS, and insert:

.minheight400 { height:400px; }

Another option is to use this script for adjusting the container size based on the layout setup in your Hype document: https://forums.tumult.com/t/creating-a-flexible-tumult-hype-document-within-a-div-with-no-set-height/13224/20

This document ( https://forums.tumult.com/uploads/short-url/k3ZwAMZtKobGAi9ZHSFfO8hutRO.zip ) will help you plan your Hype document responsive settings when embedding your Hype document in a post or page: SizeDetector.zip (278.9 KB)

These suggestions were pulled from this page: https://forums.tumult.com/t/tumult-hype-animations-wordpress-plugin/11074

Thanks for the review, @cjbpmp! Glad you’re enjoying it.