/thyssenkrupp_logo_claim_d.svg){kind=logo}
/thyssenkrupp_logo_t.svg){kind=logo}
Product tiles (12_11)
The “Product tiles” module displays an individual selection of products from thyssenkrupp in a tile matrix. Each tile displays one product name.
Clicking opens an enlarged tile with additional product information and an (optional) CTA.
In the back end, it is only possible to select the industries and categories to be displayed. The text and links cannot be edited here, but are edited in the data sources, just like the other product information.
This module is particularly suitable for use on overview and distributor pages, and on landing pages.
Example page view
The module is marked in orange
Product tiles in the footer area of a page
This is how the module works
The individual products can be edited in the data sources (“Products” table). The “Product tiles” module only accesses this information and displays it. The following information is saved in the data sources:
Country
Product
Region
Regional link (CTA)
This is how the module works
The module consists of the following components
| Content | Description |
|---|---|
| Headline | Text to be displayed as main heading. |
| Content | This tab consist of creation of product categories and selection of products from Datasource. |
| Labels | This tab consist of labels for link button and dropdown. |
| Appearance | This tab consist the configuration of text and background colors. |
Content
This tab consists of the following:
| Content | Description |
|---|---|
| Product list (products from the datasource) | Add as many number of product categories by clicking on products button. |
| Category for selected products | Enter the name of category. |
| Product(s) | Select the products from the datsource. |
Labels
This tab consists of the following:
| Content | Description |
|---|---|
| Button caption | Enter caption which will be displayed on button |
| „Selection field“ label | Label for dropdown fields |
Appearance
This tab consists of the following:
| Content | Description |
|---|---|
| Gap between the tiles | Select the gap between the product tiles(Default or none) |
| Category tiles(Colors) | Select the color of text and background for category tiles |
| Product tiles | Select color of the title and background color |
| Title | Select the color for title |
| Background | Select background of product tiles |
The module can be used in the following templates and page areas:
Dimensioned screenshots
Description: Spacing values used in the dimensioned screenshots