Keyword

AllVideos Javascript conflit with Headroom Gantry 5 Atom

  • NIccolò Angeli
  • NIccolò Angeli's Avatar Topic Author
  • Offline
  • Junior Member
More
4 weeks 1 day ago #168013 by NIccolò Angeli
NIccolò Angeli created the topic: AllVideos Javascript conflit with Headroom Gantry 5 Atom
Joomla: 3.8.7
Allvideos: 4.8.0

Hello,
I have installed this Atom ( www.inspiretheme.com/documentation/gantry5-particles/headroom-js ) on a Gantry 5 Rockettheme Template (Galatea).

The "Headroom.js" atom fixes the site header and it loads the Headroom.js script to provide some animation options. For example, you can specify how the fixed element will get hidden - by sliding, swinging, flipping or bouncing.

The problem is that it conflicts with Allvideos plugin, when the plugin is enabled the Atom does not work, the site menu is not expandable anymore, and I get this error in console

Uncaught TypeError: $(...).headroom is not a function
at dispatch (jquery.js?dd4db3412883b9c1f67fd7f95fdc91d5:5226)
at elemData.handle (jquery.js?dd4db3412883b9c1f67fd7f95fdc91d5:4878)

Any chanche you can take a look at the headroom.js code and see if it possible to update Allvideo to avoid this conflict?
I attach the file below.

I cannot give you a link to test because I had to disable the atom on my live site, but in case I can give you private superuser access to a test site.

Thanks!

File Attachment:

File Name: headroom.j...0.11.zip
File Size:3 KB
Attachments:

Please Log in or Create an account to join the conversation.

More
4 weeks 1 day ago #168019 by Krikor
Krikor replied the topic: AllVideos Javascript conflit with Headroom Gantry 5 Atom
Make sure that jQuery is being loaded before all scripts and also make sure that only one instance of jQuery is being loaded.

IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

---
JoomlaWorks
www.joomlaworks.net/

Please Log in or Create an account to join the conversation.

  • NIccolò Angeli
  • NIccolò Angeli's Avatar Topic Author
  • Offline
  • Junior Member
More
4 weeks 23 hours ago #168025 by NIccolò Angeli
NIccolò Angeli replied the topic: AllVideos Javascript conflit with Headroom Gantry 5 Atom
Thank you,
but any suggestion for non-coders on how to do this?
I tried to install and activate this plugin simplifyyourweb.com/documentation/jquery-easy/jquery-options
but it doesn't solve the issue

Please Log in or Create an account to join the conversation.

More
4 weeks 22 hours ago - 4 weeks 22 hours ago #168032 by Krikor
Krikor replied the topic: AllVideos Javascript conflit with Headroom Gantry 5 Atom
Hello NIccolò,
Can you send me a link to your dev site?
No need to push it to public, I only need to see one page.

IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

---
JoomlaWorks
www.joomlaworks.net/
Last Edit: 4 weeks 22 hours ago by Krikor.

Please Log in or Create an account to join the conversation.

  • NIccolò Angeli
  • NIccolò Angeli's Avatar Topic Author
  • Offline
  • Junior Member
More
4 weeks 21 hours ago - 4 weeks 21 hours ago #168034 by NIccolò Angeli
NIccolò Angeli replied the topic: AllVideos Javascript conflit with Headroom Gantry 5 Atom
You mean via PM (I can't find the option in the forum...) or via the site contact form?
The test site is offline so I need to send you a superuser access, can't post it here...

Thanks!
Last Edit: 4 weeks 21 hours ago by NIccolò Angeli.

Please Log in or Create an account to join the conversation.

  • NIccolò Angeli
  • NIccolò Angeli's Avatar Topic Author
  • Offline
  • Junior Member
More
4 weeks 5 hours ago #168038 by NIccolò Angeli
NIccolò Angeli replied the topic: AllVideos Javascript conflit with Headroom Gantry 5 Atom
Ok, here is a link to a test page
accademiainfinita.it/test-page-public

Thanks

Please Log in or Create an account to join the conversation.

More
3 weeks 3 days ago #168083 by Krikor
Krikor replied the topic: AllVideos Javascript conflit with Headroom Gantry 5 Atom
Try loading the Headroom's scripts locally (if there is an option) or if this isn't an option you need to contact the extension's developer.

IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

---
JoomlaWorks
www.joomlaworks.net/

Please Log in or Create an account to join the conversation.

More
3 weeks 3 days ago #168084 by Krikor
Krikor replied the topic: AllVideos Javascript conflit with Headroom Gantry 5 Atom
Try loading the Headroom's scripts locally (if there is an option) or if this isn't an option you need to contact the extension's developer.

IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

---
JoomlaWorks
www.joomlaworks.net/

Please Log in or Create an account to join the conversation.

  • NIccolò Angeli
  • NIccolò Angeli's Avatar Topic Author
  • Offline
  • Junior Member
More
3 weeks 3 days ago #168088 by NIccolò Angeli
NIccolò Angeli replied the topic: AllVideos Javascript conflit with Headroom Gantry 5 Atom
There is no option for that, I already talked with Ivo from Inspire Theme (you find him responding to comments on this page www.inspiretheme.com/blog/freebies/42-fixed-sticky-header-atoms-for-gantry-5-freebies or vai their contact form) but he said to contact you for this issue :)

Thank you!

Please Log in or Create an account to join the conversation.

More
3 weeks 2 days ago #168095 by Krikor
Krikor replied the topic: AllVideos Javascript conflit with Headroom Gantry 5 Atom
Unfortunately the JS errors that are being thrown are coming from their extension.
AllVideos is not throwing any errors.
It could be related to how they build their anonymous functions, the script being loaded in the footer the load() trigger instead of the ready() etc etc..
Since it its an external library which I have no idea who and how it was built, the developer who built it needs to troubleshoot the issue.

IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

---
JoomlaWorks
www.joomlaworks.net/

Please Log in or Create an account to join the conversation.