How to remove the "all" category from my shop?

How do  I remove the "all" category from my shop. It lists ALL the products  and I only want to list by category. I have tried all the code suggestions I could find on here but nothing seems to work. I am using Avenue. Version 7.0. Thanks!

43 minutes ago, LindsayS said:

How do  I remove the "all" category from my shop. It lists ALL the products  and I only want to list by category. I have tried all the code suggestions I could find on here but nothing seems to work. I am using Avenue. Version 7.0. Thanks!

What is your site url?

It isn't live? Can you access it if it isn't?

Please set up a site-wide password. Post the password here.

Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.

We can then take a look at your issue.

Okay! thanks. 

The site is 

Add the following to Store Settings > Advanced > Page Header Code Injection for the store page.

<style>

  /* hide ALL category */
  
  #categoryNav ul li:nth-of-type( 2 ) {
  
    display : none;
    
    }
    
  </style>

This is for v7.0 using the Avenue template.

This only hides the ALL category link. It doesn't hide the ALL content. If you want to do that you have to get a little tricky with the navigation. Let us know if you want to do this.

Let us know how it goes.

Thanks! Yes, the category is removed but I also would like to remove the content. 🙂

One technique is to move the Store page into the NOT LINKED area. Then create a Link page that points to one of your categories.

If you still need a landing page of some kind you could have a category of featured or perhaps international that features a sample from each area.

Another issue you'll need to consider. What to do with the back to link.

The easiest thing to do is hide it. The other thing is to add a little Javascript to change the link to point to your new landing page. We can help with the latter if needed.

I updated my code post as I noticed an issue with ALL not hidden on category pages.

Let us know how it goes.

This is great!! So helpful. I have managed to get everything to work 🙂  One final question. Is there any way to arrange the categories so that they don't appear alphabetically?

Yes. 

I've done code for this but not for the Avenue template. I can give it a go.

What order do you want the categories in?

Oh thank you 🙂 

Tuscany, Venice, Italy- Other Regions, France, Russia, US and Caribbean, Canada.

Add the following to Store Settings > Advanced > Page Header Code Injection for the store page.

<!--

  begin reorder store categories
  
  Version     : 0.3d2
  
  SS Version  : 7.0
  
  Template    : Avenue
  
  Notes       : the code is comprised of a number style tags. all of them are
                needed for the full effect to work
                
                code generated on 06/21/2021 01:34:21 PM by my magic table < ? >
  
  By          : Thomas Creedon < http://www.tomsWeb.consulting/ >
  
  -->
  
  <style>
  
    /* rulesets just for reordering categories */
    
    .category-nav-links li:nth-child( 3 ) { /* Canada */
    
      -webkit-box-ordinal-group : 5;
      -ms-flex-order : 4;
      order : 4;
      
      }
      
    .category-nav-links li:nth-child( 4 ) { /* France */
    
      -webkit-box-ordinal-group : 4;
      -ms-flex-order : 3;
      order : 3;
      
      }
      
    .category-nav-links li:nth-child( 5 ) { /* Italy - other regions */
    
      -webkit-box-ordinal-group : 3;
      -ms-flex-order : 2;
      order : 2;
      
      }
      
    .category-nav-links li:nth-child( 6 ) { /* Russia */
    
      -webkit-box-ordinal-group : 4;
      -ms-flex-order : 3;
      order : 3;
      
      }
      
    .category-nav-links li:nth-child( 7 ) { /* Tuscany */
    
      -webkit-box-ordinal-group : 2;
      -ms-flex-order : 1;
      order : 1;
      
      }
      
    .category-nav-links li:nth-child( 8 ) { /* Us and Caribbean */
    
      -webkit-box-ordinal-group : 4;
      -ms-flex-order : 3;
      order : 3;
      
      }
      
    .category-nav-links li:nth-child( 9 ) { /* Venice */
    
      -webkit-box-ordinal-group : 2;
      -ms-flex-order : 1;
      order : 1;
      
      }
      
    </style>
    
  <style>
  
    /*
    
      rulesets just for styling the store categories
      
      keep in mind the styling applies to categories before they are reordered
      so use their natural order number
      
      */
      
    @media only screen and ( min-width : 641px ) {
    
      /* desktop */
      
      /*
      
        by default the last category has no margin on the right. when you apply
        the reordering CSS then that no margin comes along for the ride. we need
        to get that margin back in there
        
        */
        
      .category-nav-links li:last-child {
      
        margin-right : 25px;
        
        }
        
      /*
      
        by extension we now want to remove the right margin from whichever
        element is going to be last after reordering
        
        */
        
      .category-nav-links li:nth-child( 3 ) {
      
        margin-right : 0;
        
        }
      }
      
    </style>
    
  <style>
  
    /*
    
      rulesets to define the base of this effect
      
      no user serviceable parts below
      
      */
      
    .category-nav-links {
    
      display : flex;
      
      }
      
    /* mobile */
    
    @media only screen and ( max-width : 640px ) {
    
      .category-nav-links {
      
        flex-direction : column;
        
        }
      }
      
    </style>
    
  <!-- end reorder store categories -->

This is for v7.0 using the Avenue template.

Let us know how it goes.

Works beautifully!! Thanks so much 🙂

Hello!  I'm in a similar situation with my shop on the Avenue theme.  Looking to have each category represented by an image and then click through to each respective shop category.  Possible? 

Thank you! 

Paula Brett

@thumone

I don't have a specific solution but I think what you want might be possible.

I'm thinking move the product page into Not Linked. Then create a page in Navigation that is your index into your product categories. You could use image blocks with buttons that link to your various categories.

On 10/20/2021 at 3:35 PM, creedon said:

@thumone

I don't have a specific solution but I think what you want might be possible.

I'm thinking move the product page into Not Linked. Then create a page in Navigation that is your index into your product categories. You could use image blocks with buttons that link to your various categories.

Hi there,  I don't know how to do this.  I've moved the page into not linked, and tried to make a new page with  images, but don't see how to link each one to only a category in the shop.  It only wants to link to the whole shop. 

2 hours ago, thumone said:

but don't see how to link each one to only a category in the shop.  It only wants to link to the whole shop. 

You have to enter the URLs manually instead of using the SS page picker.

THANK YOU!  Why was that so hard before?  Ha.  Fixed it now!! 

Hi there, came across this thread and im having the same issues using the CAMDEZ template.

I'd like to remove the "all tab" and have it so when people press "shop" from the nav bar that it shows catagories and images of those catagories rather than just everything i sell. 

thanks for any help you can provide.

4 hours ago, 325candles said:

I'd like to remove the "all tab" and have it so when people press "shop" from the nav bar that it shows catagories and images of those catagories rather than just everything i sell.

Did you try the technique mentioned in my October 20, 2021 post?

yes, its just getting rid of the "all" tab I'm struggling with, just by reading your posts the lines of code you put up are template specific?

thanks again for any help

5 minutes ago, 325candles said:

just by reading your posts the lines of code you put up are template specific?

The code I posted is template specific but the technique I mentioned in my October 20, 2021 is a no code solution and does not use the code from my June 21, 2021.

Hello! I am having trouble with the code you attached above on June 21, 2021 working to get rid of the 'All' Navigation Tag on my site, I use the Tremont Template. Thanks!! :)

On 3/1/2023 at 2:08 PM, sarahs98 said:

I am having trouble with the code you attached above on June 21, 2021 working to get rid of the 'All' Navigation Tag on my site

That code was not designed for Tremont. 

Do you just want to hide the All or do you want to reorder your categories?

I want to hide the All, an also reorder the catergories- but this second part can only be done by manually entering the URLs, correct? 

Thanks again!