Note: The bellow-given instructions apply to e-stores created with Online Store and Advanced store plans. You can change your plan anytime!

In this article, you will learn how to:

Hide product category cards in the storefront

Hidden product categories will still be accessible via URLs. Before hiding product categories, you may want to copy their URLs and add them to your website's menu bar – learn how 💡

To hide all product category cards at once, follow these steps:

1. In the store manager, go to the Design section. Click Edit theme or scroll down to the bottom and click Create theme.


2. Paste the below-given code.

.grid__categories.grid__categories {

display: none !important;

}

3. Make sure the theme is active and save the changes.

Unhide product category cards

You may need to unhide product category cards in order to find their URLs. A quick way to unhide categories is to disable the above-given CSS code that hides them. Follow these steps:


1. In your store manager, go to the Design section and click Edit theme.

2. You can choose one of these solutions:

  • Temporarily activate an empty theme. You can even create a new theme for that, the most important is that it'd be empty.

  • Open the currently active theme and delete this code:
    .grid__categories.grid__categories {

    display: none !important;

    }

3. This way, all the categories will show up. Open your live store, open the category and copy its URL.

Disable a product category

1. In your store manager, go to CatalogCategories.

2. Select the category you want to disable.

3. Under the Availability section (the General settings), click on Disable.

4. Save the changes.

Deleting a product category

1. In your store manager, go to CatalogCategories.

2. Select the category that you want to remove.

3. Click on Delete category and confirm that you want to delete the category.


Additional resources

Did this answer your question?