Code to remove "All" Category

I've created multiple product Categories and notice that when someone goes to the store page, the "All" (or whatever it's been renamed to) shows all products in all categories. I would like to hide/remove the All display and start by showing just the items in the top/first category. Is there a setting for that or some custom code to make that work?

@GBC Can you share your site URL?

This is just a test/demo page... I haven't populated it with multiple products in each category yet (as I want to see if I can get this to work), but by default when going to the page, all the products are shown. In this case, I'd want a user to go to this page and only see the top category items (March), then click on other months to see the items in those categories. 

@GBC Which page is the shop page? I'm not seeing any 'All' category on the page you shared

I had renamed it to "Months" but then in the Store Settings - General under "TOP CATEGORY NAME" I had disabled the filter so that wasn't visible - I've turned that back on. With it on or off, when going to the page all products are shown....

@GBC You can add this code under Custom CSS panel:

.products .nested-category-tree-wrapper li.category-item:first-child {
    display: none !important;
}

Hmm - added that CSS but March actually disappeared, and all products are still displayed on the page

Any other ideas on this?

@GBC I'm not entirely sure what you meant in your last comment. Are you saying that you want to remove the 'All' category from the product page? If so, the code I provided should have achieved that.

That's only part of what's needed. " by default when going to the page, all the products are shown. In this case, I'd want a user to go to this page and only see the top category items (in this case, March), then click on other months to see the items in those categories. 

Thank you! It occurred to me that the simple solution is to just link to the first category. The suggestions regarding the redirects are very helpful.

On 6/16/2024 at 9:58 AM, GBC said:

the simple solution is to just link to the first category.

Some downsides to the link to category method and not using my redirect code is that it is possible for site visitors to get to the All category page. Search engines may index the All category page. To reduce the chance that it is, you'd need some JavaScript to add a robots noindex request to the All category page.

Also depending on the settings, a link to the All category page may be presented in the UI. You may need to use CSS or JavaScript to make those links go away.