The 3D viewer web component is the 3D standalone viewer provided by TraceParts.


This web component provides a 3D viewer of the 3D model of one given configuration of a catalog.

Building a URL

The 3D viewer request takes the following form:


Certain parameters are required while others are optional. As it is standard in URLs, all parameters are separated using the ampersand (&) character. The list of parameters and their possible values are enumerated below.
The final URL containing your EasyLink ID (ELSID) is provided with the Tenant Unique ID and the API key.

Required parameters

Parameter NameData typeDefault valueDescription
SupplierID**stringnoneClassificationCode provided by the "availability" endpoints
PartNumber**stringnoneIdentifier of a product (to use in combination with SupplierID). Part number as stored in the TraceParts database.
Product*stringnonePartFamilyCode provided by the "availability" endpoints

*Both parameters (Product and SelectionPath) have to be used together. In this case, the couple “SupplierID” and “PartNumber” is not to use.
** Both parameters (SupplierID and PartNumber) have to be used together. In this case, the couple “Product” and “SelectionPath” is not to use.

Optional parameters (rendering)

Parameter NameData typeDefault valueDescription
SelectionPath*stringnoneSequence of parameters which defines a unique configuration for one given partFamilyCode.
SetBackgroundColorHexadecimal0xFFFFFFSets a color on the background of the 3D viewer.
SetRenderModetextshaded-edgedRendering of the 3D model. Values: “shaded-edged”, “shaded”, “transparent”, “wireframe”, “edged”
EnableMirrorEffectbooleanfalseEnable the mirror effect on the XZ plane
DisplayCoordinateSystembooleanfalseDisplay the coordinate system
EnablePresentationModebooleanfalseThe model rotates on the Y axis until a user interaction

Optional parameters (toolbars)

Parameter NameData typeDefault valueDescription
DisplayUIMenubooleantrueDisplay the toolbars (on the bottom and on the right)
DisplayUIContextMenubooleantrueEnable the contextual menu with Views and Render sub menus
MergeUIMenubooleanfalseMerge the contextual menu inside the main menu
MenuAlwaysVisiblebooleanfalseAlways display the toolbar
DisplayUIResetButtonMenubooleantrueDisplay the Reset button
DisplayUIScreenshotButtonMenubooleantrueDisplay the Screenshot button
DisplayUISettingsSubMenubooleantrueDisplay the Settings menu
DisplayUIPresentationModeButtonMenubooleantrueDisplay the Presentation button
DisplayUIViewsSubContextMenubooleantrueDisplay the Views sub menu (for the contextual menu)
DisplayUIRenderModesSubContextMenubooleantrueDisplay the Render sub menu (for the contextual menu)

Example of 3D viewer call

The request below returns the 3D viewer of the part number “1857837” from the PHOENIX CONTACT catalog.

The language of the menu depends of the URL, having the TraceParts cultureInfo in the path. By default, the 3D viewer is in English language (cultureInfo = en).{en}/api/viewer/3d?parameters

Developer support

Please contact us for any problem, question or comment related to this content integration.