You are using Internet Explorer 11 or earlier, this browser is no longer supported by this website. We suggest to use a modern browser.

UCP Pattern Library
UCP Pattern Library
UCP Pattern LibraryUCP Pattern LibraryUCP Pattern Library
  • English
  • Pattern Library
  • flexible
    • English
  • 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
zoom

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

InhaltsbereichBeschreibung
ÜberschriftText, der als Hauptüberschrift angezeigt werden soll.
InhaltDiese Registerkarte besteht aus der Erstellung von Produktkategorien und der Auswahl von Produkten aus der Datenquelle.
EtikettenDiese Registerkarte besteht aus Beschriftungen für die Link-Schaltfläche und das Dropdown-Menü.
AussehenDiese Registerkarte besteht aus der Konfiguration von Text- und Hintergrundfarben.

Inhalt

Diese Registerkarte besteht aus Folgendem:

InhaltsbereichBeschreibung
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 ProdukteGeben Sie den Namen der Kategorie ein.
ProdukteWählen Sie die Produkte aus der Datenquelle aus.

Etiketten

Diese Registerkarte besteht aus Folgendem:

InhaltsbereichBeschreibung
SchaltflächenbeschriftungGeben Sie eine Beschriftung ein, die auf der Schaltfläche angezeigt wird
Beschriftung „Auswahlfeld“Bezeichnung für Dropdown-Felder

Aussehen

Diese Registerkarte besteht aus Folgendem:

InhaltsbereichBeschreibung
Lücke zwischen den FliesenWä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
ProduktfliesenWählen Sie die Farbe des Titels und die Hintergrundfarbe
TitelWählen Sie die Farbe für den Titel
HintergrundWählen Sie den Hintergrund der Produktkacheln aus

Das Modul kann in den folgenden Seitenbereichen und Templates verwendet werden:

Startpage
stage
content
Content Page
stage
main content
right
bottom
Flexible Layout
full-width
default
default with sidebar right
sidebar
sidebar
default with sidebar left
Der blaue Bereich gibt an, dass das Modul in dieser Content Area anwendbar ist.

Vermaßte Screenshots

Product tiles: Vermaßung Desktop
Desktop
Product tiles: Vermaßung Tablet
Tablet
Product tiles: Vermaßung Mobile
Mobile
Abstände Guide

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

Das Modul kann in folgenden Themes eingesetzt werden:

  • Internet
  • Intranet
  • Suite
Der blaue Bereich gibt an, dass das Modul in diesem Theme anwendbar ist.

Beispielseite "Product Tiles"

Beispielseite

arrow-down UCP Pattern Library

  • brandfactory
  • media pool - das Digital Asset Management System für thyssenkrupp
  • CMS Login

Folgen Sie uns

  • Global Corporate Website
© thyssenkrupp AG 2023
  • Sitemap
  • Impressum
  • Rechtliche Hinweise
  • Teilen tk-share
    FacebookTwitter Email LinkedIn