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
  • Pattern nach Typus
  • Content > Media
  • Image (03_01)

Image (03_01)

Mit dem „Image“-Modul lässt sich auf Artikeldetailseiten ein Bild darstellen. Es besteht aus dem Bild selbst und einer optionalen Bildunterschrift. Mit der Lightbox, ist es möglich, das Bild vergrößert anzuzeigen.

Alternativ können auch über den Dienst „Flixel“ animierte Cinemagraphen eingebunden werden.

Beispiel Seitenansicht

Das Modul ist orange markiert

Image - Modulansicht

Image im Contentbereich

So funktioniert das Modul

Das Modul besteht aus folgenden Komponenten:
1. Überschrift
optional
2. Bild oder Cinemagraph (Flixel)auch Anzeige in voller Breite des Bildes möglich
Bildzuschnitt- im Querformat: width 450px (mobile), width 886px (tablet/desktop), width 1334px (bottom/desktop)
- im Hochformat: height 600px (mobile), height 664px (tablet/desktop), height 750px (bottom/desktop)
Bildbeschreibungoptional
Link auf Lightboxoptional

So funktioniert das Modul

Das Modul besteht aus folgenden Komponenten:
1. Überschrift
optional
2. Bild oder Cinemagraph (Flixel)auch Anzeige in voller Breite des Bildes möglich
Bildzuschnitt- im Querformat: width 450px (mobile), width 886px (tablet/desktop), width 1334px (bottom/desktop)
- im Hochformat: height 600px (mobile), height 664px (tablet/desktop), height 750px (bottom/desktop)
Bildbeschreibungoptional
Link auf Lightboxoptional

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

Image: Vermaßung Desktop
Desktop
Image: Vermaßung Tablet
Tablet
Image: Vermaßung Mobile
Mobile

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

Image (03_01)

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