Product tiles (12_11)
Das Modul "Product tiles" bildet eine individuelle Auswahl an Produkten von thyssenkrupp in einer Kachelmatrix ab. Jede Kachel zeigt einen Produktnamen.
Bei Klick öffnet sich eine vergrößerte Kachel mit zusätzlichen Produktinformationen und einem (optionalen) CTA.
Im Backend können lediglich die abzubildenden Branchen bzw. Kategorien ausgewählt werden. Die Texte und Verlinkungen sind hier nicht editierbar, sondern werden - ebenso wie die anderen Produktinformationen - in den Datenquellen gepflegt.
Das Modul eignet sich besonders für Übersichts- bzw. Verteilerseiten und Landingpages.
Beispiel Seitenansicht
Das Modul ist orange markiert
Product tiles im Fußbereich einer Seite
So funktioniert das Modul
Die Pflege der einzelnen Produkte erfolgt in den Datenquellen (Tabelle "Produkte"). Das Modul "Product tiles" greift lediglich auf diese Informationen zu und bildet sie ab. Folgende Informationen werden in den Datenquellen angelegt:
Land
Produkt
Region
Regionaler Link (CTA)
So funktioniert das Modul
Das Modul besteht aus den folgenden Komponenten
Inhaltsbereich | Beschreibung |
---|---|
Überschrift | Text, der als Hauptüberschrift angezeigt werden soll. |
Inhalt | Diese Registerkarte besteht aus der Erstellung von Produktkategorien und der Auswahl von Produkten aus der Datenquelle. |
Etiketten | Diese Registerkarte besteht aus Beschriftungen für die Link-Schaltfläche und das Dropdown-Menü. |
Aussehen | Diese Registerkarte besteht aus der Konfiguration von Text- und Hintergrundfarben. |
Inhalt
Diese Registerkarte besteht aus Folgendem:
Inhaltsbereich | Beschreibung |
---|---|
Produktliste (Produkte aus der Datenquelle) | Fügen Sie beliebig viele Produktkategorien hinzu, indem Sie auf die Schaltfläche Produkte klicken. |
Kategorie für ausgewählte Produkte | Geben Sie den Namen der Kategorie ein. |
Produkte | Wählen Sie die Produkte aus der Datenquelle aus. |
Etiketten
Diese Registerkarte besteht aus Folgendem:
Inhaltsbereich | Beschreibung |
---|---|
Schaltflächenbeschriftung | Geben Sie eine Beschriftung ein, die auf der Schaltfläche angezeigt wird |
Beschriftung „Auswahlfeld“ | Bezeichnung für Dropdown-Felder |
Aussehen
Diese Registerkarte besteht aus Folgendem:
Inhaltsbereich | Beschreibung |
---|---|
Lücke zwischen den Fliesen | Wählen Sie die Lücke zwischen den Produktkacheln (Standard oder keine) |
Kategorie Kacheln (Farben) | Wählen Sie die Text- und Hintergrundfarbe für Kategoriekacheln aus |
Produktfliesen | Wählen Sie die Farbe des Titels und die Hintergrundfarbe |
Titel | Wählen Sie die Farbe für den Titel |
Hintergrund | Wählen Sie den Hintergrund der Produktkacheln aus |
Das Modul kann in den folgenden Seitenbereichen und Templates verwendet werden:
Vermaßte Screenshots

Erläuterung: Abstandswerte, die in den vermaßten Screenshots verwendet werden