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
  • Text Image Gallery

Text Image Gallery

The "Text Image Gallery" component provides text with an image gallery slider. It provides option to add multiple image with slider option to view each image.

The component must also work on a data-driven page. By clicking on 1, 2 or 3 (Text Image Gallery Example below) the next stored image appears. If only one picture is deposited in the gallery, the slider will not be displayed.

Example page view

The module is marked in orange.

textimagegalleryexample
zoom

This is how the module works

The module consists of the following components:

Content areadescription
HeadlineThis could be your headline for Image Gallery Slider
TextThis is descriptive text for Image gallery
Image galleryIt allows cms user to add multiple images with slider.

Add Image allows to add multiple image with different sources

Content areadescription
SourceThis could be internal, external or mediapath
Choose an ImageNew image can be choosen using upload image or existing image can be used from media management folder
Alternative text description(alt) of the imageThis is alternative text which will be displayed if image not rendered, used for accessibility and SEO
Image titleThis is shown as tooltip on hover

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.

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

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