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
  • Products (04_03)

Products (04_03)

Mit dem Modul „Products“ können kleine Bilder mit identischer Größe dargestellt und jedem Link optional ein Bild zugeordnet werden. Die Link-Bilder-Kombinationen ordnen sich horizontal zentriert an und brechen je nach Bildschirmbreite automatisch um. Das Modul eignet sich besonders, um von Startseiten und Landingpages auf Produktseiten zu verlinken.

Beispiel Seitenansicht

Das Modul ist orange markiert

Products - Modulansicht

Products auf der Startseite

So funktioniert das Modul

Das Modul besteht aus folgenden Komponenten:
1. Überschrift- kleine Überschrift (optional)
- Überschrift
2. Produktebeliebig viele
BildBildzuschnitt: width 170px, optimalerweise in Kreisform
Linkinternal oder external

Hinweis: Auch ohne Link werden die Bilder angezeigt, dann allerdings größer.

So funktioniert das Modul

Das Modul besteht aus folgenden Komponenten:
1. Überschrift- kleine Überschrift (optional)
- Überschrift
2. Produktebeliebig viele
BildBildzuschnitt: width 170px, optimalerweise in Kreisform
Linkinternal oder external

Hinweis: Auch ohne Link werden die Bilder angezeigt, dann allerdings größer.

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.

Das Modul kann in folgenden Themes eingesetzt werden:

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

So sieht das Modul aus

Products (04_03)

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