Jump to content

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

Recommended Posts

6 hours ago, sarahs98 said:

I want to hide the All, an also reorder the catergories

What is the order you want your categories in?

Quote

but this second part can only be done by manually entering the URLs, correct?

No. It's done by position.

Please post the URL for a page on your site where we can see your issue.

A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

Please set up a site-wide password, if your site is not public and you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site.

Please read the site-wide password and how to share a link documentation to understand how they work.

We can then take a look at your issue.

You may find How to post a forum question post useful.

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

 

16 hours ago, creedon said:

What is the order you want your categories in?

It would be great if I could get rid of the 'All' Category. I would like the order to be "Kids, Home, Personal Accessories, Wedding, Vintage" 

Site wide password: goshen16, the store is unlinked here is the URL https://stagecoachny.com/store

Sorry my question was a little jumbled, still getting used to this forum. I appreciate the help. 

Link to comment
4 hours ago, sarahs98 said:

It would be great if I could get rid of the 'All' Category

Add the following to Store Settings > Advanced > Page Header Code Injection for the store page. Please see per-page code injection.

<style>

  .ProductList-filter-list-item--all {
  
    display : none;
    
    }
    
  </style>

 

Quote

I would like the order to be "Kids, Home, Personal Accessories, Wedding, Vintage

<!--

  begin reorder store categories
  
  Version     : 0.3.5
  
  SS Version  : 7.0
  
  Template    : Tremont (Tremont template family)
  
  Notes       : the code is comprised of a number style tags. all of them are
                needed for the full effect to work
                
                code generated on 03/03/2023 02:20:57 PM by my magic table < ? >
  
  By          : Thomas Creedon < http://www.tomsWeb.consulting/ >
  
  -->
  
  <style>
  
    /* rulesets just for reordering categories */
    
    .ProductList-filter-list-item:nth-child( 2 ) { /* HOLIDAY */
    
      -webkit-box-ordinal-group : 4;
      -ms-flex-order : 3;
      order : 3;
      
      }
      
    .ProductList-filter-list-item:nth-child( 3 ) { /* ONE */
    
      -webkit-box-ordinal-group : 5;
      -ms-flex-order : 4;
      order : 4;
      
      }
      
    .ProductList-filter-list-item:nth-child( 4 ) { /* SALE */
    
      -webkit-box-ordinal-group : 6;
      -ms-flex-order : 5;
      order : 5;
      
      }
      
    .ProductList-filter-list-item:nth-child( 5 ) { /* SPRING */
    
      -webkit-box-ordinal-group : 7;
      -ms-flex-order : 6;
      order : 6;
      
      }
      
    .ProductList-filter-list-item:nth-child( 6 ) { /* WINTER */
    
      -webkit-box-ordinal-group : 3;
      -ms-flex-order : 2;
      order : 2;
      
      }
      
    </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
        
        */
        
      .ProductList-filter-list-item: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
        
        */
        
      .ProductList-filter-list-item:nth-child( 3 ) {
      
        margin-right : 0;
        
        }
        
      }
      
    </style>
    
  <style>
  
    /*
    
      rulesets to define the base of this effect
      
      no user serviceable parts below
      
      */
      
    /* desktop */
    
    @media only screen and ( min-width : 641px ) {
    
      .ProductList-filter-list {
      
        display : flex;
        
        justify-content : center;
        
        }
        
      }
      
    /* mobile */
    
    @media only screen and ( max-width : 640px ) {
    
      .ProductList-filter-dropdownToggle-checkbox:checked ~ .ProductList-filter-list {
      
        display : flex;
        flex-direction : column;
        
        }
        
      }
      
    </style>
    
  <!-- end reorder store categories -->

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
  • 8 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.