Visual Interface

The visual interface is the /planning page: catalog, 3D view and article details.

Embedding

The WebKatalog is typically embedded via an iFrame:

<iframe
  src="https://web.3doffice.de/webkatalog2_5/planning?token={TOKEN}"
  width="100%"
  height="800px"
  style="border:0">
</iframe>

Interface layout

The WebKatalog consists of three areas:

Area	Description
Planning	3D view of the configured article
Catalog	Tree structure for selecting articles
Article details	Property editing, prices, downloads

Selecting an article

1. Clicking the plus icon (bottom left) opens the catalog
2. Navigate through the catalog entries to the article you want
3. The article is loaded — the 3D graphic and the article details appear
4. Adjust properties & values in the article details area

Shortcuts

Double-click an article: Zooms in and sets the pivot point to the center of the article.

More topics

• URL parameter reference — All available parameters
• Property Editor — Layout variants for the property editor
• Server profiles — Server-side configuration
• User CSS — Your own design