Category Tiles

The Category Tiles pod is the simplest way to share your product categories. These Category Tiles are preset to work responsively and are an ideal way to display your categories.

Creating Categories

You need to create your categories before you can add the Category Tiles component to your page.

In the PIM app, click the Categories page under the Taxonomy tab. Then click the Create button in the upper left corner.

Creating Categories template

1. Category Name: The name of your category will be displayed in Category Tiles.
2. Image: The image displayed in your Category Tiles.
3. Website Slug: This will be populated automatically with the name you choose for your category, but you can edit it. The website slug is the link to this category.
4. Websites: Flag your website to publish the category. If you have multiple websites, all will be visible here.

The rest of the information on creating categories is not necessary for creating the Category Tiles pod, but it is important information on how to organize your categories if interested!

If you’ve already created categories, you can jump to adding in a Category Tiles pod.

Subcategories tab

If your category has sub-categories, you can add them under the “Subcategories” tab by clicking “Add a line.”

The sub-categories template follows the regular categories template. Here, you populate information for the sub-category, including adding products. You can also add another level of sub-categories.

1. Full Path: This will be prefilled and show you the path/levels of your subcategories.
2. Parent Category: Ensure your subcategory’s correct “Parent Category” is selected.
3. Render Mode: This is how your subcategories will be displayed. *This will not affect the look of your Category Tiles; it will only affect the look of your Category Pages.

• Auto: “Auto” will choose between the “Products” and “Sub-categories” (below) render mode and will determine the styling based on if you have subcategories populated.
• Sub-categories: The subcategories will be displayed the same as the parent Category Tiles
• Products: The subcategories will be displayed as a list in the filter list on the category page.

Website tab

Edit content for your category page.

1. Long Name: You can add a header name different from your category name if you want to be more descriptive – great for SEO.
2. Description: Add descriptive text about your category at the top of your page – also great for SEO.

*In this category page example, The “Category” name is “Insulated Tools,” but the “Long Name” is “1000V Rated Insulated Electrians Tools”, and there is an added “Description” on the category page.

Products tab

This is a way to add products to your category (you can also add the categories to your products directly).

Publishing your categories

The categories need to be published on your website. Follow the steps in the Save and publish section below, but instead, select the Products checkbox to publish your categories.

Adding the Category Tiles pod

Once your categories are set, we can go back to the Website App and add our Category Tile pod.

Category Tiles can be added to a Page Section or a Grid.

To add your categories, all that is needed is a forward slash (/) added to the “URL.”

If you want to add a specific category or subcategory, you will add a forward slash, the letter “c” (which stands for “categories”), another forward slash, and the category ID number.

Category ID on published page URL:

Category ID on database URL: