New and updated modules/components (part 2)

1 1. Image Slider
- 1.1 To embed an Image Slider:
2 2. Product Teaser (Updated)
3 3. Video Teaser (To be Updated)

All content now available (partly updated) in “Organize content in Contentstack”.

1. Image Slider

The Image Slider, is a combination of the former “Image List” and “Teaser Slider” modules. As with the Teaser Slider, you can arrange a combination of images and headlines horizontally. If you provide more than 4 images (or instances), arrows on either side of the slider allow you to scroll through the slides.

Example: Image Slider Instance 1

To embed an Image Slider:

Select the Image Slider module
In Slides you add a group entry to create a new Instance. In the Instance you will add images and links as follows.
Image: Choose an image according to the size mentioned (640px x 360px).
Link (optional):
1. Title: Add a suitable title for this Instance.
  1. A title can be used without a link.
  2. If you add a link, this title will overwrite the headline of the page you selected.
2. Page: Choose an existing entry to link an image (or an instance) to an existent web or product category page. This is recommended.
3. URL: Link to an external web page. This will open in a new tab.
By clicking on the plus icon in the top right of the Instance 1 tab to add more instances, you can repeat this process.

You should use the Image slider with minimum 4 instances to fill the full width. As soon as you will choose 5 instances, the slider options will become active.

Example: Image Slider as seen on the website

2. Product Teaser (Updated)

We updated the Product teaser module in order to meet the DMC FA Website guidelines, i.e. there will be no subpages listed in the frontend.

This Product teaser is to be used in other than Product (category) pages. Its main use is supposed to be in Solutions pages as a so-called Product Line-up. (see e.g. Solutions for your Lithium-Ion Battery production - Mitsubishi Electric Factory Automation - EMEA which would normally be placed at the bottom of a page.

You can also embed Product teasers into your local landing pages.

To embed a Product Teaser into your webpage:

Select the Product Teaser Module in Contentstack.
Categories: Choose the Product Category or Sub-Category that you would like to promote on your page. The links will therefore redirect you to the respective product pages on the website.

The categories “Collapsible type” and “Show Third Level Sub Categories” are Non-localizable fields, to be used for different purposes. Please do not use.

3. Video Teaser (To be Updated)

The Video Teaser feature will be updated to improve and combine both the “Video” module and the old “Video Teaser” module.