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
  • Special projects
  • Datadriven Page Overview

Datadriven Page Overview

The "Datadriven Page Overview" module is used to display products in an item list. The displayed articles can be added to the shopping cart or bookmarked. The configuration of the filters, the display of the articles, as well as the labeling of the columns can be customized.

Example page view

The module is marked in orange

zoom

This is how the module works

The module consists of the following 5 components

Content areaDescription
ConfigurationsContains the title of the overview, the choice of layout, as well as the option between shopping cart and bookmark icon.
Table and column settingsHere you can store the table from which the data for the overview emerge. In addition, the filter, as well as the representation of the articles can be adapted here.
Column labelingYou can label the columns of the item list.
E-commerce settingsCurrency specification
LabelsLabeling of various labels

Configurations

This tab consists of the following:

Content areaDescription
TitleOverview title
Data-driven content page (template)Selecting a link to data-driven content page
LayoutChoice of layout (simple table or item list)
Select symbolShopping cart or bookmark icon
Prohibit quantity changeAllow quantity change or not

Table and column settings

This tab consists of the following:

Content areaDescription
Table nameWahl der Tabelle aus der die Daten gezogen werden sollen
User table nameName of the table used
Sales unit columnName of the database column that specifies the sales units of the product
Column maximum quantityName of the database column that specifies the maximum available quantity of the product.
Predefined filtersAdd filters to display a subset of all rows
E-mail columnColumn name for the email ID of the logged in user in the table.
E-mail column in the user tableName of the e-mail column in the selected user table
Prefilter column in the user tableColumn name to which the prefilter from the selected user table must be applied
Prefilter column in the standard tableColumn name from the standard table to be used to select the column selected from the user table
Columns in the filter...Options: show or hide
Filters that are shown/hiddenSelection of the filters to be shown or hidden
Filter typeHere you can define a type for a filter
Columns with sorting optionChoice of columns with sorting option
Label text of the sortSpecification of the label text of the sort
Label addition ascendingIndication of the label suffix for ascending sorting
Label addition descendingIndication of the label suffix for descending sorting
'Image' columnLabeling of the 'Image' column
'Title' columnLabeling of the 'Title' column
'Description' columnLabeling of the 'Description' column
'Additional details' columnLabeling of the 'Additional details' column
'Quantities' columnLabeling of the 'Quantities' column
'Unit' columnLabeling of the 'Unit' column
'Price per unit' columnLabeling of the 'Price per unit' column
'Base price unit' columnLabeling of the 'Base price unit' column
'Price per base unit' columnLabeling of the 'Price per base unit' column
Accompanying identifier for unit (prefix)Specification of accompanying identifier for unit
'Customization allowed' columnOption to allow customization
'Customization placeholder' columnPlaceholder text if customization is allowed
Hidden columnsAdd columns that you do not want to be displayed in the table.

Column labeling

This tab consists of the following:

Content areaDescription
ImageLabeling of the "Image" column
DetailsLabeling of the "Details" column
QuantityLabeling of the "Quantity" column
CustomizationLabeling of the "Customization" column
PriceLabeling of the "Price" column
ActionsLabeling of the "Actions" column

E-commerce settings

This tab consists of the following:

Content areaDescription
CurrencyCurrency choice
Currency language settingSpecifying the language for correct display of the currency symbol

Labels

This tab consists of the following:

Content areaDescription
Label 'Details'Label inscription 'Details'
Label 'Reset Filter'Label inscription 'Reset Filter'
Label 'Quantity'Label inscription 'Quantity'
Placeholder for the selection fieldsLabeling the placeholder for selection fields
Label select field 'Standard'Label inscription select field 'Standard'
Customization select field labelLabeling of the customization select field label
Info text Customized configurationInfo text Customized configuration
Error message for the customized configurationText of the error message with adjusted configuration

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.

Example page “Name of the module”

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