Skip to main content

Interface: ProductTab

Represents a tab within the product interface.

This interface defines a tab that appears in the product configurator, containing additional information or features beyond the main configuration controls. Tabs organize supplementary content like descriptions, technical specifications, documentation, material options, image galleries, and more.

Product tabs enhance the shopping experience by providing comprehensive product information without cluttering the main configuration interface, allowing users to explore details at their own pace.

Extended by​

Properties​

content?​

optional content?: string | object

The content to display within this tab.

This can be structured data or text, with the format varying based on the tab type. For text tabs, this contains the description; for other tab types, it may contain specialized structured content.

enableForPdf?​

optional enableForPdf?: YesNoValue

Controls whether this tab should be included in PDF exports.

When set to YES, content from this tab will be incorporated when generating PDF documents of the product configuration.

files?​

optional files?: TabFile[]

List of files to make available in this tab.

Used for DOWNLOADS tab type to provide downloadable resources related to the product, such as manuals or CAD files.

galleryId?​

optional galleryId?: string

The ID of the gallery associated with this tab.

Only used for tabs of type GALLERY, this references the specific gallery to display in this tab.

id​

id: string

A unique identifier for this tab.

This ID is used to reference the tab in code and to maintain tab selection state across configuration changes.

materials?​

optional materials?: TabMaterial[]

List of materials to display in this tab.

Used for tabs that showcase material options or finishes, providing detailed material information.

popularConfigItemNameType?​

optional popularConfigItemNameType?: PopularConfigItemNameType

popularConfigShowPrice?​

optional popularConfigShowPrice?: boolean

popularConfigType?​

optional popularConfigType?: PopularConfigType

Type of popular configurations to display.

Used for POPULAR_STATIC tab type to determine how popular configurations are sourced and displayed.

popularConfigurations?​

optional popularConfigurations?: PopularConfiguration<string>[]

List of popular configurations to display.

Used for POPULAR_STATIC tab type to showcase recommended or frequently used configurations of the product.

tabName​

tabName: string

The display name for this tab.

This text appears in the tab navigation to identify this tab to users (e.g., "Specifications", "Gallery", "Documents").

tabType​

tabType: TabType

The type of this tab, which determines its content format and behavior.

Different tab types support different kinds of content and functionality, from simple text descriptions to interactive galleries and configurations.