Startseite
Product tiles (12_11)

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: Modulansicht — 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