8 Replies Latest reply: Aug 1, 2013 8:51 AM by jefferis RSS

    Categories limited list on home page?

    jefferis Community Member

      HI folks,

      I'm running into a problem where I wanted to add a categories menu to my home page but I needed to limit it to only a few catalogs, not the entire range, so I added a menu system, which works well in Every browser I've tried except Firefox (Win or Mac) where the menu is moved outside the categories sidebar menu:

       

      <div class="categories">

              <h5 class="small_head">Categories</h5>

              <!--     {module_cataloguelistdump,-1}

              <br /> -->

              {module_menu,1519994}<br />

              </div>

       

      http://joden.businesscatalyst.com/

       

      I was hoping there might be a way to either limit the catalog list or find a fix for Firefox for this menu...

      I have been inspecting the CSS for an hour, and no change I make seems to make it behave properly..

       

      TIA,

       

      Jeff

        • 1. Re: Categories limited list on home page?
          Liam Dilley CommunityMVP

          The best method, and one that is not overly off the mark Jeff is to just make a dynamic menu and add them in yourself. You can select catalogs when you add items, its easy to manage and you can have full control of what is in there or not.

          • 2. Re: Categories limited list on home page?
            jefferis Community Member

            Liam,  that is exactly what I did do.  The module menu is a dynamic menu.  The problem is that in Firefox, it is not staying within the categories div...  The problem only appears to be evident in Firefox.

            • 3. Re: Categories limited list on home page?
              Liam Dilley CommunityMVP

              Oh ok,

              Two options.

              Put it as CSS HTML only menu and get a good list layout and style it that way - work better and semantic.

              OR

              On the div container on the table and style - overflow hidden and things like that etc.

              • 4. Re: Categories limited list on home page?
                jefferis Community Member

                Okay,  Liam, here is what I tried so far:  I created a sidebar menu for categories and made it CSS HTML only.  I linked the home page template http://joden.businesscatalyst.com/  to the custom css   <link type="text/css" rel="stylesheet" href="/css/simpleMenu.css" />  and the file is there. 

                I then tried to add the  custom class to each   Item CSS Class Name: ".menu_simple  " in the Menu Items area.

                 

                Now the menu stays inside the Categories div, but the first ul overlaps the second, plus when I tried to inspect the CSS I found that the only CSS governing it was in the default style.css / categories ul   .    There was no indication that simpleMenu.css was at all linked or affecting the layout.  So I removed the custom CSS  Item CSS Class Name  from each link.  And it made no difference to the layout.    Perhaps the custom css is not needed, but I could not find out why the first ul li was not padded or had a margin. 

                 

                Anyway, it would all be working if the first link was not merged into the second.  All the rest of the links are showing properly. There are no submenus.

                 

                TIA,

                Jeff

                 

                 


                • 5. Re: Categories limited list on home page?
                  Liam Dilley CommunityMVP

                  Can I ask first Jeff why you are adding clases to all menu items that are the same class and not targeting the elements directly with your CSS?

                  • 6. Re: Categories limited list on home page?
                    jefferis Community Member

                    Liam, this is where I'm confused about the methods in BC.    Let me show you the CSS:

                    http://joden.businesscatalyst.com/css/simpleMenu.css    By linking the  the CSS in the header, normally I would have to assign the .menu_simple class to the div and  ul , so I assumed I'd have to assign it in the custom css  item class area.  It will not apply to the empty "root"  in the BC interface...  SInce I don 't have access to the menu structure itself as raw code, I'm not sure where or how to apply it. BC is creating the menu inside it's dynamic system....    The module template area doesn't seem to tell me a lot about  what's going on except to say it is tag_menu...

                    • 7. Re: Categories limited list on home page?
                      Liam Dilley CommunityMVP

                      Really confused Jeff,

                      Your term use is not quite right and your CSS knowledge is not quite there.

                      Bare with me and hopefully try clear things up for you.

                       

                      - If you use the menu V2 layout - you have control over the html. I have linked you that.

                      - Not sure what you mean by empty root?

                      - If you look at the source the ul with id - nav_1527828 which is unique and the wrapping div has a unique id to target. You made your own div wrapping these too and you can target through that.

                      - You have a CSS example but that has no relevence to any of the elements in your actual code that I can see. Should be more like: http://jsfiddle.net/b5gJP/

                      - The active state code in BC is .active not .current.

                      - You also have manual width and height added on each menu item which does inline CSS which will overide anything you do. You will need to remove them.

                      - You do not need to create a seperate stylesheet for every element you create, keep it all in one file.

                      - Your not looking at your rendered output. Modules and tags render their html on your sites.

                      - Use firefox and the addon firebug but any time on a page you can view source or "Inspect element" and check out the rendered source.

                      • 8. Re: Categories limited list on home page?
                        jefferis Community Member

                        Thank you Liam,

                         

                        The step I was missing was entirely was how to use v2 menu systems.  I think I was confused by the interface option in the main area where it says you can   "Assign your own CSS to menu item "

                         

                        I was assigning id's to ul's directly there and expecting a linked CSS in the header would allow that modification to the menu system. (BTW,  If you click the  "root" button in a menu items area,  you cannot assign the css to to the entire menu system there either… which is what I thought you should be able to do. )

                         

                        Anyway,  reading this doc on how the v2 system works set me straight and I got it working.  http://helpx.adobe.com/business-catalyst/partner/menu-module-v2.html

                         

                         

                        Thanks again for your patience.  What I said a while ago, the methods of working with BC are so different from normal development that if you miss a basic step in how things work, you can really end up in  a dead end in a maze and not be able to find out either where you went wrong, how you got there in the first place,  or how to get out of it :-)

                         

                        Jeff