Catalog Configuration¶
In this guide, we are going to configure catalog as follows:
-
Structure and fill catalog with products:
-
Configure product properties and filtering facets:
- Configure properties for catalog, categories, and products.
- Configure facets.
Create categories and subcategories¶
Categories are containers for subcategories or products. In our example, we are going to create the following catalog structure:
Catalog | Category | Subcategory | Products |
---|---|---|---|
Dental demo | Anesthetics | Anesthetic accessories | 1 product |
Anesthesia reversal | 1 product | ||
Anesthetic cartridges | 4 products | ||
Burs and diamonds | Carbide burs | 8 products | |
Diamond burs | 16 products | ||
Diamond disks | 2 products | ||
Crown and bridge materials | Crown instruments | 4 products | |
Polycarbonate crowns | 1 product | ||
Stainless steel crowns | 4 products | ||
Instruments | Amalgam carriers | 4 products | |
Carvers | 2 products | ||
Barnhart curettes | 4 products |
In the Platform, add a category to the master catalog as follows:
- Select the newly created catalog.
- In the next Categories and items blade, click Add in the toolbar.
- In the New category item blade, select Category.
- Enter the category name. The code is generated automatically.
-
Click Create.
Your new category appears in the Categories list. Repeat these steps to add more categories.
To add a subcategory:
- Select the newly created category.
- In the next Categories and items blade, click Add in the toolbar.
- In the New category item blade, select Category.
- Enter the subcategory name. The code is generated automatically.
- Click Create.
Your new subcategory appears in the list of subcategories inside the category. Repeat these steps to add more subcategories.
Add products¶
Note
There is an alternative way to quickly populate your catalog with products, prices, inventory, etc. using a csv file. You can learn more about this method in the guide. However, for first-time users who want to familiarize themselves with Virto Commerce products, the manual method of structuring and filling the catalog with products described below is sufficient.
To fill catalog with products:
- Click on your catalog, select category and subcategory you want to add your product to.
- Click Add in the toolbar.
- In the next blade, select Physical product.
- In the next blade, enter product name, (optionally) add image and description.
- Click Create.
The product has been added to the selected category and subcategory of the catalog. Repeat these steps to add more products.
Add prices¶
First, you need to create a price list:
- Go to Pricing → Price lists.
- In the next blade, click Add in the toolbar.
-
In the next blade, fill in the fields as follows:
-
Click Create.
To add prices to each product:
- Go to Catalog → Your catalog.
- Click on a product from your catalog (in our example, Alpen FG surgical carbide burs).
- In the next blade, click on the Price widget.
- In the next blade, select your price list as a source price list, then click Add new price.
- Enter list price, sale price (optionally), and minimum quantity (optionally).
- Click Save in the toolbar.
Repeat these steps to add more prices.
Now, we need to add a price list assignment:
- Go to Pricing → Price list assignment.
- In the next blade, click Add in the toolbar.
-
In the next blade, fill in the fields as follows:
-
Click Save in the toolbar.
The prices have been configured.
Add fulfillment centers¶
By adding a fulfillment center you will be able to specify product quantities in stock:
- Click Inventory in the main menu.
- In the next blade, click Add in the toolbar.
- In the next blade, fill in the required fields. For trial purposes, you can only add fulfillment center name.
- Click Save in the toolbar.
The fulfillment center has been added to the list. Repeat these steps to add more fulfillment centers.
Specify quantities in stock¶
Now you need to add product stock in the fulfillment center.
- Click on a product from your catalog (in our example, Alpen FG surgical carbide burs).
- In the next blade, click on the Fulfillment centers widget.
- In the next blade, you will see the list of all the available fulfillment centers. Click on a fulfillment center from the list.
- In the next blade, fill in the necessary information. For the purpose of this guide, you can add only quantity in stock.
- Click Save in the toolbar.
The specified stock appears next to the fulfillment center.
Add semantic URL for your catalog¶
- Open Catalog.
- In the next blade, click on the three dots next to the name of your catalog.
- Select Manage from the popup menu.
- In the next blade, click on the SEO widget.
- In the next blade, click Add in the toolbar.
-
In the next blade, fill in the fields as follows:
-
Click OK
The URL has been added for your catalog.
View results on frontend¶
After completing the above steps, you have a simplified version of a fully functional store. To view the result on the frontend:
- Review search index.
- Refresh your store web page. In our example, https://dentalstoredemo.govirto.com/.
Now, your store catalog is filled with products and organized into categories and subcategories, as shown in the table above.
The Catalog button is now collapsible, displaying all categories and subcategories:
Click on any category or subcategory to view the products within:
Note
By default, catalog menu is automatically generated based on the existing categories. You can create your own catalog menu using this guide.
Configure properties¶
For enhanced product filtering and search, let's configure properties within our catalog. They allow customers to filter and search for products based on specific attributes. In the Frontend Application, they are displayed as filtering facets. In this guide, we are going to create the following properties displayed as facets:
Properties can be set for:
- Catalog. The properties apply universally across multiple categories or to all products in the catalog.
- Category. The properties apply to attributes specific to products within a particular category.
- Product. The properties are unique to individual items and not used frequently for filtering (e.g., a specific product model).
- Variation. The properties apply to different versions of a product, like color, or pack size.
In our example, we are going to add the following properties:
Level | Property Type | Properties |
---|---|---|
Catalog | Catalog Properties | - |
Category Properties | - | |
Product Properties | Brand, Material, Size | |
Variation Properties | - | |
Anesthetics category | Category Properties | - |
Product Properties | Brand (inherited), Material (inherited), Size (inherited), Date of preparation, Physical state | |
Product Variation Properties | - | |
Burs and diamonds category | Category Properties | Shape |
Product Properties | - | |
Variation Properties | - | |
Crown and bridge materials category | Category Properties | - |
Product Properties | Length | |
Variation Properties | - | |
Products | Product Properties | Brand (inherited), Material (inherited), Size (inherited), Date of preparation (inherited), Physical state (inherited) |
Variation Properties | - |
Configure properties for catalog¶
Let's add a Brand property at the catalog level:
- Click Catalog in the main menu.
- In the next blade, click on the three dots to the left of the required catalog and select Manage from the dropdown list.
- In the next blade, click on the Properties widget.
- In the next blade, click Add property in the toolbar.
-
In the next blade, select Product property.
-
In the next blade, enter property name, switch the Dictionary option to on, and select Short text value type:
-
Click Save in the toolbar.
-
Click Dictionary, then click Add in the next blade toolbar to add brand options:
Click Save in the toolbar to add the dictionary entry to the list. Continue to add options as required:
The property appears in the list. On the frontend, the Brand facets becomes collapsible and the properties are displayed as follows:
Continue to add properties and their values according to the table above.
Value type selection¶
When adding product properties, you can select the following value types from the dropdown list:
Value type | Description | Example |
---|---|---|
Short text | Single-line text, ideal for short descriptive values. | Brand: Alpen, Premier |
Long text | Multi-line text, suitable for longer descriptions or notes. | Product description: “High-quality stainless steel instruments…” |
Decimal number | Numerical value with decimals, used for precise measurements. | Length: 100 mm |
Date time | Date and time entry, useful for events or production dates. | Date of production: 2024-11-01 10:00 |
Boolean | True/false value, suitable for binary attributes. | Requires assembly: false |
Integer | Whole number, ideal for quantities or counts. | Pack size: 10 |
Geo Point | Geographical coordinates (latitude and longitude) for location-based data. | Store location: 40.7128° N, 74.0060° W |
Configure properties for category¶
Let's add a Date of preparation property to the Anesthetics category:
- Click Catalog in the main menu.
- In the next blade, select the required catalog.
- In the next blade, click on the three dots to the left of the required category and select Manage from the dropdown list.
- In the next blade, click on the Properties widget.
- In the next blade, click Add property in the toolbar.
-
In the next blade, select Category property.
-
In the next blade, enter property name and select Date time value type from the dropdown list:
-
Click Save in the toolbar.
The property appears in the list. Continue to add properties according to the table above.
Add properties to products¶
Now, we will add properties to the products:
- In your catalog, select the product you want to add properties to (OraVerse in our example).
- In the product details blade, click on the Properties widget.
-
In the next blade, you fill in the properties you have added in the previous steps. From the dropdown lists, select the product's brand and its physical state. Enter date of preparation by clicking
:
-
Click OK to save the changes.
The properties have been added to your product. Continue to add properties and their values to your products manually or use the instruction below to bulk add properties to products.
Bulk add properties to products¶
To add similar properties and property to a group of products:
- Click Catalog in the main menu.
- Select your catalog from the list of catalogs (Dental Demo in our example).
- In the next blade, select the required category.
- In the next blade, check (or bulk select) the products you want to add similar properties to.
- Click Bulk actions in the toolbar.
- In the next blade, click Edit properties.
- In the next blade, click Select properties
- In the next blade, add all or some previously added product properties.
-
Click OK to add the properties to the group of products.
-
In the next blade, specify values for the selected properties, then click OK.
-
Click Execute in the previous blade.
The properties have been added to the selected products.
Configure facets¶
To set the visibility of facets:
- Go to Stores → Your store (Dental Demo Store) → Aggregation properties widget.
-
In the next blade, click on the properties in the left column (available properties) to move them to the right column (properties visible on the frontend):
-
Click Save in the toolbar to save the changes.
The selected facets are now displayed in the Frontend Application.
View results on frontend¶
- In the main menu, click Stores.
- In the next blade, click on the required store (Dental Demo Store in our case).
- In the next blade, click Open in browser in the top toolbar.
The properties are displayed as facets:
The product properties are also displayed in the product cards: