Announcement

Collapse
No announcement yet.

What category menus options are available for Shadows?

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

  • What category menus options are available for Shadows?

    What category menus options are available for Shadows? The baked-in menu is not is not a good fit for use due to number of base categories.
    Thank you, Bill Davis

  • Hi Bill,

    At this time, the primary navigation options for Shadows are the built-in one, porting the Colossus one over, or building your own. I do have several more planned for future release.
    Matt Zimmermann
    Director of UI/UX
    / Miva, Inc.

    Comment


    • Is there any documentation on how to "porting over" a category navigation menu?
      Thank you, Bill Davis

      Comment


      • Hi Bill,

        You would need to add in the CSS and JavaScript resources for Omega Navigation and swap out the HTML for the primary navigation set: https://docs.miva.com/readytheme-col...ega-navigation
        Matt Zimmermann
        Director of UI/UX
        / Miva, Inc.

        Comment


        • Originally posted by Matt Zimmermann View Post
          Hi Bill,

          You would need to add in the CSS and JavaScript resources for Omega Navigation and swap out the HTML for the primary navigation set: https://docs.miva.com/readytheme-col...ega-navigation
          If I do that, would I have to reenter all the category information previously entered for the Shadows baked-in primary navigation set?
          Thank you, Bill Davis

          Comment


          • Hi Bill,

            You should not have to re-enter the information, however you may need to make some adjustments depending on how it is currently structured.
            Matt Zimmermann
            Director of UI/UX
            / Miva, Inc.

            Comment


            • Originally posted by Matt Zimmermann View Post
              Hi Bill,

              You would need to add in the CSS and JavaScript resources for Omega Navigation and swap out the HTML for the primary navigation set: https://docs.miva.com/readytheme-col...ega-navigation
              1. Would I "...add CSS and JavaScript resources for Omega Navigation..." by creating a my own "custom.css" file and "...load it in AFTER all others..." as Bruce Golub always suggest on the forum?
              2. If so, is the "css.php" file where I need to add at the end my "custom.css" reference?
              3. Do I do all this CSS work manually via FTP or does Admin have the ability to edit and add css files?
              4. As to adding "...JavaScript resources for Omega Navigation...", do I add that to an existing file? If so, which one and where is is located?
              5. I noticed the "...JavaScript resources for Omega Navigation..." is divided in two parts, which probably means the second part is either added elsewhere, what file and where is it located?
              6. Do I do all this JavaScript work manually via FTP or does Admin have the ability to edit and add these files?
              Sorry, but if I do not asks these questions, I will never learn.
              Thank you, Bill Davis

              Comment


              • Hi Bill,

                Shadows doesn't use a PHP file for the CSS or JavaScript; it utilized the CSS and JavaScript Resources located under User Interface. The easiest way would be to replace the contents of the "x-transfigure-navigation" and "transfigure-navigation" resources with those of Omega. The second JavaScript part of Omega is the initialization string you would use in "theme.js"; it would replace the call for transfigure.
                Matt Zimmermann
                Director of UI/UX
                / Miva, Inc.

                Comment


                • Originally posted by Matt Zimmermann View Post
                  Hi Bill,

                  Shadows doesn't use a PHP file for the CSS or JavaScript; it utilized the CSS and JavaScript Resources located under User Interface. The easiest way would be to replace the contents of the "x-transfigure-navigation" and "transfigure-navigation" resources with those of Omega. The second JavaScript part of Omega is the initialization string you would use in "theme.js"; it would replace the call for transfigure.
                  I'm still lost, is this process documented anywhere? I really hate to bother anyone with so many followup questions due to my inexperience in this area -I know how frustrating that could be for everyone.
                  Thank you, Bill Davis

                  Comment


                  • Hi Bill,

                    Unfortunately, there aren't any instructions beyond what is in the ReadyTheme documentation. Improved extension documentation is on my roadmap which will include how to add to specific ReadyThemes.
                    Matt Zimmermann
                    Director of UI/UX
                    / Miva, Inc.

                    Comment


                    • Originally posted by Matt Zimmermann View Post
                      Hi Bill,

                      Unfortunately, there aren't any instructions beyond what is in the ReadyTheme documentation. Improved extension documentation is on my roadmap which will include how to add to specific ReadyThemes.
                      I understand, "Rome was not built in a day" and Miva has come along a long way since I came along (MM3+). I just wish things would be simpler as they were back in the OpenUI (tokens and conditionals) days and I a little younger. Miva is definitely better than back then, but a lot more complicated.

                      Having said that and some things not being documented as we all would like, I am having a difficult time determining which parts of the Omega Navigation code goes where. Is there anything published relating to that?
                      Thank you, Bill Davis

                      Comment


                      • Hi Bill,
                        1. Replace the HTML content in ReadyTheme -> Navigation Sets -> primary_navigation -> Template with the Omega HTML
                        2. Replace the CSS content in User Interface -> CSS Resources -> x-transfigure-navigation with the Omega CSS
                        3. Replace the JavaScript content in User Interface -> JavaScript Resources -> transfigure-navigation with the Omega JavaScript
                        4. In User Interface -> JavaScript Resources -> theme, replace
                          Code:
                          $.hook('has-drop-down').transfigureNavigation();
                          with
                          Code:
                          $.loadScript(theme_path + 'extensions/navigation/omega/omega-navigation.js');
                        Matt Zimmermann
                        Director of UI/UX
                        / Miva, Inc.

                        Comment

                        Working...
                        X

                        This website uses cookies to identify visitors, track visitors to our website, store login session information and to remember your user preferences. By continuing to use this site you agree to our use of cookies. Learn More.

                        This website uses cookies. By continuing to use this site you agree to our use of cookies. Learn More.

                        Accept