Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

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


Recommended Posts

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!

Link to comment
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?

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for Squarespace
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

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.

Edited by creedon
version 2

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment

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.

1463530163_ScreenShot2021-06-16at1_03_21PM.png.45e280009a831f5da4b70cce892596ea.png

1664460638_ScreenShot2021-06-16at1_02_33PM.png.e03e1cc219e030216d9e36fee87ed715.png

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.

950815257_ScreenShot2021-06-16at1_08_34PM.png.6b3c5eaef3fd0c5d7e082a7cd220b2e5.png

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.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment

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.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
  • 3 months later...

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

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...