[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 790
  • Last Modified:

Concrete5 Superfish menu conflict - javascript or jquery problem?

d-hometest.zip superfish.zip

We have a site for a client that uses the content management system Concrete5. Concrete's Superfish add on is used on the site. The home page originally was given a custom slideshow (not the Concrete default slideshow)  that the client liked but wanted to add arrows to it on either side  to speed up the scroll of the images.

See site: http://dedert.com which shows the original slideshow.  You can see that the Superfish menu works.

We created a new slideshow with the arrows but when we implement it, it caused the Superfish navigation links to not work and link to their pages when clicked.

See http://dedert.com/index.php?cID=148  (this is a test page that I created with the revised slideshow in place.)

Curiously the drop down action of the submenus of Superfish menu is not affected and the links have the correct url, but just don't go to the page.  I have attached the theme for the Concrete home test page and the Superfish add on files for testing. There has to be some incompatibility between the Superfish code and the code for the slideshow (slide_img.js). Not sure what to change in the code to get them to work together.

Actually I now discovered that I have lost the ability to edit and add new blocks  to the test page as well so my conflict may be deeper than just with the Superfish menu.

Any help, suggestions, solutions would be greatly appreciated.
1 Solution
jabberwok_eAuthor Commented:
I found the issue with help from a fellow on the Concrete forum.

I had in my code:


It was causing all link function to not work on the page.

Actually didn't need that chunk of code and when removed it solved the problem. I could have made the "a" more specific (like "#mydivname a" and it would of worked too, but since it wasn't really needed I got rid of it totally.

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now