How to hide 'All category' in page menu

On 11/23/2019 at 2:56 PM, tuanphan said:

add to home > design > custom css

.ProductList-filter-list-item:first-child {
    display: none !important;
}

 

I have successfully removed the 'all' from my list but all of the images still show. I want to default to images from one of my other categories. Is there a way to do this?

Thank you

16 hours ago, waynegallowayceramics said:

I have successfully removed the 'all' from my list but all of the images still show.

The CSS display none has no effect on the underlying code that creates the page.

16 hours ago, waynegallowayceramics said:

I want to default to images from one of my other categories. Is there a way to do this?

Please post the URL to your Store page.

If your site is not public please set up a site-wide password, if you've not already done so. Post the password here.

We can then take a look at your issue.

On 11/8/2020 at 3:28 AM, creedon said:

The CSS display none has no effect on the underlying code that creates the page.

Please post the URL to your Store page.

If your site is not public please set up a site-wide password, if you've not already done so. Post the password here.

We can then take a look at your issue.

Thanks, I have published the site in full now - though my issue remain as you can see. 

6 hours ago, waynegallowayceramics said:

though my issue remain as you can see. 

We can't see as far as I can tell you have not posted the URL to your site.

hello,

I haven't been able to utilize any of the suggestions provided.  if someone could assist it would be greatly appreciated.  below is the link to my store.  thank you.

https://www.eightysixtuned.com/shop

@blitz

Go to Store Settings > General > Filter Visibility in the Store. Set the button to the off position.

This is for a v7.1.

Let us know how it goes.

yes...my current configuration is as shown in the screenshot.  i still see all products when i click the shop button on my page.  I'd like all products to only appear once the category has been selected by the customer.

On 12/10/2020 at 6:29 AM, blitz said:

yes...my current configuration is as shown in the screenshot.  i still see all products when i click the shop button on my page.  I'd like all products to only appear once the category has been selected by the customer.

Having the same issue - any ideas?

@andrea_liuzzi

I have an idea. The last couple of times I looked into this I couldn't seem to find a way to do this with CSS only.

However a little Javascript can do the trick.

Add the following to Settings > Advanced > Code Injection > HEADER. 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

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

<script>

  $( ( ) => {
  
    // hide all category on main store page
    
    if ( ! $( '.nested-category-breadcrumb' ).length ) return;
    
      $( '.category-item:first' ).css ( 'display', 'none' );
      
    } );
    
  </script>

Let us know how it goes.

7 hours ago, creedon said:

@andrea_liuzzi

I have an idea. The last couple of times I looked into this I couldn't seem to find a way to do this with CSS only.

However a little Javascript can do the trick.

Add the following to Settings > Advanced > Code Injection > HEADER. 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

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

<script>

  $( ( ) => {
  
    // hide all category on main store page
    
    if ( ! $( '.nested-category-breadcrumb' ).length ) return;
    
      $( '.category-item:first' ).css ( 'display', 'none' );
      
    } );
    
  </script>

Let us know how it goes.

Hi thanks for this but still see all products listed in the store when I click Shop. I'm using the Tresoire template at the moment.

6 hours ago, andrea_liuzzi said:

still see all products listed in the store when I click Shop.

Please post the URL for your shop page.

If your site is not public please set up a site-wide password, if you've not already done so. Post the password here.

We can then take a look at your issue.

22 hours ago, creedon said:

Please post the URL for your shop page.

If your site is not public please set up a site-wide password, if you've not already done so. Post the password here.

We can then take a look at your issue.

enjoyyourstyle.co.uk/shop

8 hours ago, andrea_liuzzi said:

enjoyyourstyle.co.uk/shop

Add to Home > Design > Custom CSS

ul.nested-category-children {
    display: none !important;
}

On 1/5/2021 at 9:40 PM, creedon said:

@andrea_liuzzi

I have an idea. The last couple of times I looked into this I couldn't seem to find a way to do this with CSS only.

However a little Javascript can do the trick.

Add the following to Settings > Advanced > Code Injection > HEADER. 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

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

<script>

  $( ( ) => {
  
    // hide all category on main store page
    
    if ( ! $( '.nested-category-breadcrumb' ).length ) return;
    
      $( '.category-item:first' ).css ( 'display', 'none' );
      
    } );
    
  </script>

Let us know how it goes.

this didn't work for me.

10 hours ago, tuanphan said:

Add to Home > Design > Custom CSS

ul.nested-category-children {
    display: none !important;
}

 

this didn't work for me either.

On 1/6/2021 at 5:40 AM, andrea_liuzzi said:

Hi thanks for this but still see all products listed in the store when I click Shop. I'm using the Tresoire template at the moment.

It sounds as though you are trying to accomplish something different then what the topic of this thread implies to me.

To me the subject implies that the OP wanted to hide the word All in the category listing shop pages.

It sounds like you want to get rid of the main shop page all together which is the All category?

55 minutes ago, creedon said:

It sounds as though you are trying to accomplish something different then what the topic of this thread implies to me.

To me the subject implies that the OP wanted to hide the word All in the category listing shop pages.

It sounds like you want to get rid of the main shop page all together which is the All category?

I see what you're saying now.  yes, it would seem the OP may have only wanted to hide the category of all where as some of us want to prevent showing of all products on the main store page bottom.  we are looking to require the customer to drill down through the categories or sections to view individual product groupings rather than be able to view all products listed individually on the main store page.

11 minutes ago, blitz said:

I see what you're saying now.  yes, it would seem the OP may have only wanted to hide the category of all where as some of us want to prevent showing of all products on the main store page bottom.  we are looking to require the customer to drill down through the categories or sections to view individual product groupings rather than be able to view all products listed individually on the main store page.

I suggest starting a new topic explaining what you want and you might mention that you don't just want to hide the word All to clarify as much as possible! 🙂

@blitz

Something like a subject of how to hide all products on main shop page? 🙂

On 1/8/2021 at 11:48 PM, creedon said:

It sounds as though you are trying to accomplish something different then what the topic of this thread implies to me.

To me the subject implies that the OP wanted to hide the word All in the category listing shop pages.

It sounds like you want to get rid of the main shop page all together which is the All category?

Oh okay, misunderstood - thanks for your help!

On 1/17/2021 at 5:40 AM, andrea_liuzzi said:

Oh okay, misunderstood - thanks for your help!

No worries. I think we can help you but please clarify what you want to accomplish. Do you want to hide the word "All"? Or do you want to hide all products on the main store page which is the all category?

Both have been done so we just need more info.

On 1/19/2021 at 7:46 AM, creedon said:

No worries. I think we can help you but please clarify what you want to accomplish. Do you want to hide the word "All"? Or do you want to hide all products on the main store page which is the all category?

Both have been done so we just need more info.

All category on the main store page at this moment in time - I posted the question here although having issues with CSS: 

The way I did it was to have a separate "Store" page for each category, then I hid the "All" page. This might not work well if you have a lot of categories, or nested categories. See https://www.cheshiregarden.com/

On 1/22/2021 at 5:56 AM, andrea_liuzzi said:

All category on the main store page at this moment in time

Does the solution in this thread help?

Be sure to remove or comment out any previous attempts at a solution as they could conflict with each other.

On 11/18/2019 at 8:00 PM, tuanphan said:

Can you share link to your site? @The_Style_Platform

Hi there! Trying to hide my categories and "all products" when clicking on a category- after clicking on a category, you have to scroll past all the categories again to get to the product page under the category you selected- heres the link to my website!: abstractg.art , please let me know if theres anything you know may help!