Spare Parts Catalog

  • 1 minute(s) read

Through the Catalog the DSP user, can access the list of Spare Parts compatible to their machines.
The spare parts catalog, can be available directly into the dashboard of a specific machine, or it can be available in the Store page as a tab.
In case the catalog is navigated from a specific thing, the product model is automatically pre-selected, this makes it easier to find the correct spare parts.

The catalog is subdivided into two parts:

  • The product model schema (left).
    The user can navigate through complex product models using the expandable navigation tree or by clicking directly on a schema.

  • The list of spare parts (right).

Spare parts can be filtered according to the page filtering criteria (model, category, text key).
By clicking on a spare part a dialog provides more details on it, including additional pictures, a technical description, and compatibility information.

By clicking the Add to Cart button, the selected spare parts with the suggested quantity is added to the shopping cart.

Schema Navigation

If the Product Model defines schemes and model parts, the DPS user can select the model part by navigating a tree or by clicking on a specific schema.

In case the selected level (model or model part) contains more than one schema, the overview tab (first one) allows the user to select one of them through a thumbnail image.

By using SVG instead of standard images, also the markers inside a schema can be clicked. This allows to jump to sublevels or open the spare part details by position.
With SVG, it is also possible to zoom in and pan by using the mouse, or the schema control buttons.

The SVG can also be enriched with interactive elements, for example, allowing you to click on a Model Part or Spare Part directly on the scheme, but this depends on how the SVG is defined. By default, all text elements became clickable, and when clicked, the text is used to search by position a Spare Part (directly associated to the current level), and if not found a Model Part (directly associated to the current level).

In case the clicked position denotes a Spare Part, the detail popup is displayed, else in case of Model Part, the sublevel is selected.

This allows the DPS user to visually navigate the schemes of a product model to find the right spare part.