1. REGISTRATION REQUIREMENTS:

    Register with your xenforo.com Username then start a conversation at xenforo.com w/Bob and provide the following:
    1. Your XenForo License Validation Token
    2. The Domain Name associated with the License
    NOTE: Your account will be validated once ALL requirements are verified/met. Thank you for your patience.

Implemented Categories Block Options: Nav Type, Enable List, Hide Cats with 0 items

Discussion in 'Showcase Closed Suggestions' started by Bob, Dec 15, 2015.

  1. Bob

    Bob Developer Staff Member

    As per title, the Categories Block has received some long over due attention (thanks to the Showcase Early Adopters like @alfa1 )

    The first new feature is "Category Navigation Type". There are now 3 types of Category Navigation Types you can choose to use.
    Selection_396.png
    • Basic: lists all top level categories and the selected category's parent, siblings and first child.
    • Basic Expanded: lists all categories and their children expanded.
    • Collapsible: allows you to expand and collapse each category.
    Here are a couple images (you can also see it in action here in the showcase demo).
    Selection_398.png

    Selection_399.png


    A few notes on this:
    • You'll have a choice (globally) which Category block to use (Basic, Basic Expanded or Collapsible). I plan on adding a Dropdown version at some point as well.
    • The counts have their own CSS Class which allows you to set that class to display:none; if you want to hide the counts.
      • before anyone asks, NO, the counts can not be floated to the right like the basic one does (you can waste YOUR precious time finding out why as I am not writing a BOOK explaining the reason).
    • It is NOT designed to handle unlimited sub category depth! Those with several levels deep sub category architecture will probably not be able to use this.
    • The collapse buttons are Font Awesome icons, so you can replace them with different FA icons if you wanted to (this is an on your own type thing).
    • Each addon will have its own main CSS Class which will allow you to modify AMS without effecting Showcase, Sportsbook or XFMG (if done correctly that is).

    The other options that go along with this allow you to Enable/Disable the Categories Block. Home Page and Category Page options each have their own settings for these 2 options. When enabled, you can choose to display only categories that have items in them. Categories that have 0 items will be hidden (but you can still get to them via direct URL and they will still be visible in the create item dropdown select)
    Selection_397.png
     
    Sami, 0ptima and Dadparvar like this.
  2. BT012SS

    BT012SS Active Member AMS Premium Showcase Pickem

    Hi,

    maybe it´s better for the visuell look that the active category is underlined, bold ore something else.

    Edit:
    A next wish, don´t close all open parents when i check any child category.
    So i have to search again the category i´ve looked before.
     
    Last edited: Dec 16, 2015
  3. Bob

    Bob Developer Staff Member

    When viewing a specfic Category, that Category is in a "selected" state and there is CSS classes for that. They are default to font-weight: bold. If that is not enough, then you can adjust the CSS via Extra.css for each of your styles to make each style look exactly like you want it to.

    The "Collapsible" navigation has some CSS Classes that only apply to it (and shares some of the classes for all the nav types). As you can see, the Category "Muscle Cars" is being viewed, so that element is "selected" and there for the CSS Class .scCollapsibleCategoryList .selected kicks in (which is making the font BOLD).
    Selection_402.png

    In the other 2 Navigation types (Basic and Basic Expanded), the CSS Class .showcaseCategoryList .selected is being used for this same purpose (setting the font weight to BOLD).

    Selection_403.png

    That is how the .js works. I am not developing an completely new .js that works differently.

    btw, just a reminder, please post EACH suggestion as a separate thread.
     
  4. BT012SS

    BT012SS Active Member AMS Premium Showcase Pickem

    Of course :)
    I´ve a look here, not on my site, but without my glasses i see the same (Ford is active)
    showcase13.jpg

    I don´t know this, js is stupid :)

    Yes and sorry :D
     
  5. Bob

    Bob Developer Staff Member

    then change it via Extra.css. The selected category in the Nav has always been the same size, color and bold font weight. Its the same for all 3 navigation types. Personally, I Change the COLOR on mine (as that really makes it stick out).

    You can see that there is a difference between FORD and the other categories. I even screen shot the HTML and CSS so that you can see the HTML has the selected class and their for is using the .scCollapsibleCategoryList .selected which adds font-weight: bold to the category name.

    Selection_409.png

    Here you can see the HTML and CSS for the Chevy Category name on the same page and it does NOT include the selected class, so no bold is added to the font.

    Selection_410.png
     
  6. BT012SS

    BT012SS Active Member AMS Premium Showcase Pickem

    It´s all ok Bob :)

    On my side i dont´need to change it, your Ford in bold is not enough bold for my old eyes, that is what i want to say :D
     
    Bob likes this.
  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.