Versions Compared

Version Old Version 4 New Version Current
Changes made by

Andrea Intveen

Andrea Intveen

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents
stylenone

General

The main teaser is the eye-catcher of each web page. It is accessible from 1:Create a Web page - Webpage” in Contentstack.

...

  • Home → not adjustable, pre-defined by DMC

  • 1st tier - all header items, e.g. Solutions, Products,… Support… About us, Inquiries

    • Not adjustable, pre-defined by DMC and handled by Central Content Management

  • 2nd tier - for example, Solutions - Automotive

  • 3rd tier - all levels below

Second tier teaser for LANDING PAGES

2nd tier teaser frontend.png

  1. Create a teaser image in the correct size. i.e. Background: 1920x640 px (JPEG)

    • Upload and publish the image.

  2. Open Contentstack and open a web page

  3. Go to Main Teaser

  4. Teaser Tier: Second

  5. Background Image: select an image

    • (warning) For local Landing PagesONLY choose a full-size image. (warning) The image size to be used is 1920x640 px (JPEG).

Teasers for Web pages FROM January

Second tier teaser

2nd tier foreground frontend.png

  1. Open Contentstack and open a web page

  2. Go to Main Teaser

  3. Teaser Tier: Second

  4. Background Image: select an image

    • For other than landing pages, please choose one of the pre-defined grey backgrounds, named “MainTeaser xxx background 2nd tier”.

Note

Please take care to always choose the correct background image, i.e. for examples

MainTeaser Service background 2nd tier

MainTeaser Support background 2nd tier

  1. Foreground image: select an image

    • The foreground image will be added to the pre-defined grey background and will be used for thesecond tier teaser only.

    • The image size is 880x496 px PNG. The image need to have a transparent background.

    • (warning) To be used for local Service and Support pages with 2nd tier teasers. (warning)

  2. Factory Automation Text Color: Choose color (default is black)

    • Factory Automation will be displayed in every page, and cannot be omitted.

    • Based on the Image color, you can choose the color to be black or white.

  3. Page Title Color: Choose color (default is black)

    • Based on the Image color, you can choose the color to be black or white.

  4. Save and publish

  5. Check page with component

...

Third tier teaser

...

For the design relaunch, the Third teaser background images have been pre-defined and implemented by the system, if you chose “3rd tier teaser”

Note

Please take care to always choose the correct background image, i.e. for examples

MainTeaser Service background 3rd tier

MainTeaser Support background 3rd tier

  • Open Contentstack and open a web page

  • Go to Main Teaser

...