search

forrestkirby / herzogdupont-joomla

Herzog Dupont is an extension which adds more elements to the YOOtheme Pro page builder developed by YOOtheme.
https://herzog-dupont.de/yootheme-pro
GNU General Public License v3.0
20 stars 7 forks source link

HD Lottie does not work on 404 Error page #28

Open rvalitov opened 2 years ago

rvalitov commented 2 years ago

Hi! If I put HD lottie to Yootheme 404 Error page, then it does not work. Perhaps, this happens because HD lottie is not loaded properly on such a page?

forrestkirby commented 2 years ago

HI rvalitov,

thanks for reporting! I am aware of this issue, but there’s not much I can do about this. There is a general issue on 404 pages with loading assets (CSS & JS files) via $metadata->set() in custom elements. This problem will also occur for other custom elements of this plugin or by third parties. This issue has been confirmed by YOOtheme. Unfortunately, it’s not quite easy to fix, they said.

As a workaround, you could try to load the assets for the custom elements on your 404 page by adding the following into an HTML element at the top of your template layout:

<script src="https://example.com/plugins/system/herzogdupont/modules/elements/elements/hd-progress/js/hd-progress.js" defer></script>
<link href="https://example.com/plugins/system/herzogdupont/modules/elements/elements/hd-counter/css/hd-counter.css" rel="stylesheet" />
<script src="https://example.com/plugins/system/herzogdupont/modules/elements/elements/hd-counter/js/hd-counter.js" defer></script>
<link href="https://example.com/plugins/system/herzogdupont/modules/elements/elements/hd-flipcard/css/hd-flipcard.css" rel="stylesheet" />
<script src="https://example.com/plugins/system/herzogdupont/modules/elements/elements/hd-flipcard/js/hd-flipcard.js" defer></script>
<link href="https://example.com/plugins/system/herzogdupont/modules/elements/elements/hd-image-comparison/css/hd-image-comparison.css" rel="stylesheet" />
<script src="https://example.com/plugins/system/herzogdupont/modules/elements/elements/hd-image-comparison/js/hd-image-comparison.js" defer></script>
<script src="https://example.com/plugins/system/herzogdupont/modules/elements/elements/hd-lottie/app/lottie.min.js" defer></script>
<script src="https://example.com/plugins/system/herzogdupont/modules/elements/elements/hd-lottie/js/hd-lottie.js" defer></script>

Replace example.com by your own domain. I’m sorry that I don’t have a better answer to this at the moment.

Best regards