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

[Bob]

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.

• 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).





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)

 

[BT012SS]

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.

 

[Bob]

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

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).


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).

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.

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.

 

[BT012SS]

hey 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.

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

That is how the .js works.

I don´t know this, js is stupid

please post EACH suggestion as a separate thread.

Yes and sorry

 

[Bob]

I´ve a look here, not on my site, but without my glasses i see the same (Ford is active)

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.



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.

 

[BT012SS]

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