Organize your store page with categories and tags

false

Organize your store page with categories and tags

Last updated October 22, 2026 17:28

Learn how to use categories and tags to help your customers and clients find what they're looking for.

Add categories and tags to store page products to display a category navigation, product filters, and related products.

What’s the difference between categories and tags?

Categories and tags are similar and have some overlapping uses.

What categories are for

The main use of product categories is to create a store page navigation that customers use to browse your products. In version 7.1, this navigation can have multiple levels and subcategories. For example, if you’re a florist that sells floral arrangements and in-person workshops, you might add two categories, one for arrangements and workshops.

What tags are for

The main use of tags is to create a custom store page filter that displays some products while excluding others based on seasonal or temporary characteristics. If you’re a florist, you might add tags like new, last chance, and spring sale.

Add product categories to create a category navigation

Adding product categories automatically creates a category navigation that displays at the top of your store page or in a sidebar. You can rename and change the order of the navigation by editing your categories and dragging them into a new order. The way to add and manage product categories depends on your site’s version.

• Version 7.1
• Version 7.0

Create product categories and subcategories

Create up to 1,000 categories and subcategories, and up to three levels of categories. For example, you can have one main category, a subcategory under it, and a second subcategory under that.

1. Open the Pages panel, then click beside your store page.
2. Click Categories.
3. Enter the category name.
4. Press Enter.
5. To add a subcategory, hover over a category and click …
6. If you're nesting subcategories within each other, you can add up to three levels. For example, you can have one main category, a subcategory under it, and a second subcategory under that.
7. Click Add.
8. Enter the subcategory name.
9. Press Enter.

Reorder product categories

The order of categories sets the order of your category navigation. To reorder product categories:

1. Open the Pages panel, then click beside the store page.
2. Click Categories.
3. Hover over a category and click and drag ⁝⁝ the icon that appears to reorder them.

Edit the top category name

The top category displays as All by default. To change this, go to the page settings then click General. Then, scroll down to Top category name. To hide the top category, switch off the Filter visibility toggle.

Add categories to products

To add a category to a product:

1. Open the product editor, scroll to Organization.
2. Click the Category field, then select existing categories, or create new ones.

Edit or delete product categories

To edit a category’s name and page settings:

1. In the category manager, hover over a category and click •••.
2. To delete a category, click Delete. To edit a category, click Edit.
3. Make the changes, then click Back.

You can change these category page settings:

• Name: The name that appears in the category navigation.
• URL slug: The URL of the filtered page that displays all products within a category.
• Enable page: Enable or disable a filtered category page.
• Filter visibility: Hide the category from the category navigation.
• Add to your main navigation: Creates a link to the category in your site’s main navigation.

Display subcategories in a nested menu

To display subcategories in a nested menu, choose the Side position for the category navigation in the section editor.

Hide individual product categories from the navigation

All categories display in the category navigation by default, but you can hide them. You may want to do this if you have seasonal categories, or if you want to streamline your store's navigation. To hide an individual category from the category navigation:

1. In the pages panel, click beside the store page you want to edit.
2. Click Categories.
3. Click ••• beside the category you want to hide, then click Edit.
4. Switch the Filter visibility toggle off.

Hide the entire product category navigation

To hide the entire category navigation, go to the page settings, click Categories, and switch off the Filter visibility toggle for every category. When they are all hidden, the category navigation doesn’t display.

Add product categories

To add product categories open the product editor, scroll to Organization, write a category name, then press Enter. Repeat these steps to add multiple categories. When you’re finished, click Save.

Add more levels to your category navigation

Separate products into different store pages for very broad groups of products and then use categories within those pages to divide products by type.

Hide the category navigation

In some templates, you can hide the category navigation in site styles using the Show Category Navigation or Products: Sort + Filter - Display tweaks.

Add product tags

To create tags, edit a product and scroll to Organization. Add the tag, press Enter, then click Save. You can use tags to create product filters on your store page.

Edit or delete product tags

To edit or delete product tags, go to the product editor and scroll to Organization. To delete a tag, click X. To edit a tag, click the tag, then click Edit. Make your changes, then click Save.

Add product filters to your store page (version 7.1 only)

Create product filters to help your customers find the products and services most interesting to them. Choose from custom tag filters, price range, product availability, and hiding sold out products. Custom tag filters rely on product tags to display a selection of products on your store page. You can create up to 10 filters and add filters to store pages that have 200 or fewer products.

To add a store page filter:

1. Edit a store page section.
2. In the Elements tab, click Filters, then click Create new filter.
3. Click the filter you want to use.
4. If you choose Custom tag, add a label that customers will see when selecting the filter. Then choose the tags that will show when the filter is selected. Products without those tags will be hidden when that custom tag filter is applied.
5. When you're finished setting up the filter, click Back.
6. Optional: To remove the “Filters” label from the menu display, turn off the Filters Label toggle.
7. Close the editor, then click Save

Note:

• A custom tag filter can have up to 50 tags.
• A tag can only be assigned to a single filter.

Clear the store page filter

After customers apply a filter to your store page, they click Clear to remove the filter and view all products.

Style the store page filter

The filter can display at the top of your store page, or in a sidebar. The filter button follows your site’s primary button styles.

To style the store page filter position:

1. Edit a store page section.
2. In the Design tab, under Menu Placement, click Side or Top.
3. Click Save.

Note: The store page categories position follows your site’s menu placement setting.

Editing product tags after creating a store page filter

If you delete, merge, or edit a product tag after you assign it to a filter, you’ll need to edit the filter, delete the outdated tag, and add the updated tag to the filter.

Edit or delete a store page filter

To edit a store page filter:

1. Edit the store page section.
2. Click Filters.
3. Click a filter.
4. Edit the filter’s label.
5. Edit the filter’s assigned tags. To delete an outdated tag, click the trash can icon.
6. To delete the filter, click Delete.

Hide the store page filter button

To hide the store page filter button from visitors on the computer, delete all filters.

Link to categories and tags from outside the store page

You can link both tags and categories from dropdowns in your site's main navigation, or from text and images.

Blocks and other areas that use product tags and categories

Beyond the store page category navigation and filters, product tags and categories are used in these areas:

• Tag Cloud Blocks - Display tags or categories in a graphic cloud formation.
• Archive Blocks - Display tags or categories in a customizable text-only list.
• Summary blocks - Display products from your store page based with an optional tag filter.
• Related products - Display related products in product details pages based on category.

Was this article helpful?

Yes No

316 out of 1018 found this helpful

Yes No

Organize your store page with categories and tags