Concrete5 Superfish menu conflict - javascript or jquery problem?

Posted on 2011-10-07
Last Modified: 2012-05-12

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: 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  (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.
Question by:jabberwok_e
    1 Comment

    Accepted Solution

    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

    How your wiki can always stay up-to-date

    Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
    - Increase transparency
    - Onboard new hires faster
    - Access from mobile/offline

    Join & Write a Comment

    Today companies are subjected to more-and-more data, and it won't stop any time soon.  But there are obvious opportunities for reducing data, particularly data duplicated among companies.
    Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
    The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
    An overview on how to enroll an hourly employee into the employee database and how to give them access into the clock in terminal.

    746 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    15 Experts available now in Live!

    Get 1:1 Help Now