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 arrow-down
  • Deutsch
Search search tk-menu tk-close menu
  • Pattern Library
  • flexible
    English arrow-down
    • Deutsch
  • Home
  • Patterns by type
  • E-Commerce
  • Add To Cart Button

Add To Cart Button

The "Add To Cart Button" module is used to add products in the cart. You can see the details of one product separately and you can add that product to cart. The configurations can be used to display products dynamically with help of other text and image components.

Example page view

The module is marked in orange

zoom

How the module works

To link the table(for product details) from different page you need to click on "Edit page settings" then select the Data Source by clicking on "Data Driven Content" tab.

The module consists of the following components

ContentDescription
Input Value (ID)Name of the unique column from the table to link it with this module.
Note : You have to use '$' sign to get the values dynamically from table. E.g. :- $Id$
Label 'Add To Cart'Label for add to cart button
Label 'Reset Filter'Label for reset filter
Table nameName of the table from where the products will be selected and then displayed separately with "add to cart" button.
Selling unit columnSelect the selling unit column
Maximum amount columnSelect the maximum amount column

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.

Example page “Add To Cart Button"

Example page
up to top arrow-up

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