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
  • Deutsch
  • Pattern Library
  • flexible
    • Deutsch
  • Home
  • Patterns by type
  • Gallery/List/Teasers
  • Image Gallery (03_04)

Image Gallery (03_04)

The “Image Gallery” is used to display one image or any number of images on detailed article pages in the content area. The module consists of a headline and of one image and teaser text per teaser. Clicking on a teaser opens the image into an enlarged view in a lightbox. The teasers of the module can be displayed in a slider.

Example page view

The module is marked in orange

Image Gallery - Module view

Image Gallery in the content area

This is how the module works

The module consists of the following components:
1. Headline
optional
2. Lightbox linkThe images must be inserted into the lightbox in the same order as in the Image Gallery.
3. Figures- any number
- Cropped image: width 215px
- Caption (optional)

This is how the module works

The module consists of the following components:
1. Headline
optional
2. Lightbox linkThe images must be inserted into the lightbox in the same order as in the Image Gallery.
3. Figures- any number
- Cropped image: width 215px
- Caption (optional)

The module can be used in the following templates and page areas:

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
The blue area indicates that the module is applicable in this content area.

Dimensioned screenshots

Image Gallery: Dimensioning Desktop
Desktop
Image Gallery: Dimensioning Tablet
Tablet
Image Gallery: Dimensioning Mobile
Mobile
Spacing Guide

Description: Spacing values used in the dimensioned screenshots

This module can be used in the following themes:

  • Internet
  • Intranet
  • Suite
The blue area indicates that the module is applicable in this theme.

This is what the module looks like

Image Gallery (03_04)

Example page

arrow-down UCP Pattern Library

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

Follow us

  • Global Corporate Website
© thyssenkrupp AG 2023
  • Sitemap
  • Imprint
  • Legal Notes
  • Share tk-share
    FacebookTwitter Email LinkedIn