Announcement

Collapse
No announcement yet.

Switch Navigation Set

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Switch Navigation Set

    I would like to switch out the navigation set that is in colossus to the one from shadows. I am trying to find where the omega menu js is being called. I checked the Resource groups and see it listed in there but it isn't active and I don't see it in the 'combined js' section either. I am trying to switch out the omega js for the transfigure js. Is that the right way to switch out the navigation sets? How do I find the omega js to deactivate it so I can enable the transfigure js?

    #2
    In your theme.js file, search for this and change it to call the transfigure navigation:
    Code:
    /**
     * Load and initialize the Omega Navigation extension
     */
    $.loadScript(theme_path + 'extensions/navigation/omega/omega-navigation.js');
    Matt Zimmermann

    Miva Web Developer
    Alchemy Web Development
    https://www.alchemywebdev.com
    Site Development - Maintenance - Consultation

    Miva Certified Developer
    Miva Professional Developer

    https://www.dev4web.net | Twitter

    Comment


      #3
      I made the switch in the theme.js file and add the css file to the combined Resource and everything previews correctly, but on the mobile version, nothing happens when I click on the mobile menu icon. Is there more javascript I am missing? No errors are being thrown in the Chrome Developer Console.

      Comment


        #4
        Can you post a link to the site?
        Matt Zimmermann

        Miva Web Developer
        Alchemy Web Development
        https://www.alchemywebdev.com
        Site Development - Maintenance - Consultation

        Miva Certified Developer
        Miva Professional Developer

        https://www.dev4web.net | Twitter

        Comment


          #5
          https://dts2290.mivamerchantdev.com/mm5/merchant.mvc
          Last edited by afiumano; 07-22-19, 08:20 AM. Reason: Correct Link

          Comment


            #6
            Corrected the link above.
            Last edited by afiumano; 07-22-19, 08:45 AM.

            Comment


              #7
              Try changing the call to:
              Code:
                      $.loadScript(theme_path + 'extensions/navigation/transfigure-navigation.js', function () {
                          $.hook('has-drop-down').transfigureNavigation();
                      });
              Do you have more than one element with data-hook="open-main-menu"
              Matt Zimmermann

              Miva Web Developer
              Alchemy Web Development
              https://www.alchemywebdev.com
              Site Development - Maintenance - Consultation

              Miva Certified Developer
              Miva Professional Developer

              https://www.dev4web.net | Twitter

              Comment


                #8
                No - there isn't more than one element with that data hook. But changing the call in the scripts file did the trick. Thanks.

                Comment


                  #9
                  I successfully have the transfigure navigation running on colossus. But I have noticed that when I rollover a top navigation item that has a dropdown, I have to double click to activate one of the links in the dropdown. I am not seeing any errors in chrome dev console. Is there some javascript that I may need to edit that was for the omega menu that was causing this functionality? I am unable to post the link as it is a password protected dev site so I posted an image.
                  double-click.jpg

                  Comment


                    #10
                    I figured this out - I found this post: https://www.miva.com/forums/forum/de...-nav-bar-links

                    and implemented the fix from here: https://github.com/mivaecommerce/rea...dows/issues/55

                    and the issue seems to be resolved.

                    Comment

                    Working...
                    X