Text Icons

  1. Showroom Home
  2. Components
  3. Text Icons

Purpose

The Text Icons component allows the usage of a headline, icons and a text-element in one component. The headline and the text are center aligned. Within the Text Icons component Link components can be integrated. The icons that can be used in the component are stored in the dam under /content/dam/aldi as .SVG. To add new icons, just upload them to these folders and publish them.

Go directly to

Examples

The following examples show what the component can look like. Depending on the configuration, a component can be displayed in different ways.

Text Icons Example 1

Person Pie Chart Subtitle

Person and Globe Subtitle

Person and Tree Chart Subtitle

3 Icons with Subtitle and Text

Text Icons Example 2

Euro Subtitle

Newsletter Login Subtitle

Newsletter Login Mail Subtitle

Newsletter Login Check Subtitle

4 Icons with Subtitles, Text and Link

More Information here

Configuration

To create the component, follow the steps below. 

Text Icons component, Tab Text Properties
  • Step 1 
    Configure Text Icons component
  • Step 2
    Integrate the following in the tab Text Properties
    • a. Headline
    • b. Text

 

Text Icons Component, Tab Icons Properties
  • Step 3 
    Integrate the following in the tab Icon Properties
    • a. Click on Add field
    • b. Choose Icon Design from dropdown menu
    • c. Integrate Title
    • d. Integrate Subtitle
    • e. Repeat step a-d if needed
Erinnerung für
Fehler Es ist ein Fehler aufgetreten. Bitte versuchen Sie es später erneut.

Sollen wir Sie benachrichtigen wenn der Artikel verfügbar ist?

hh

Tag der Erinnerung
Zwei Tage vorher
Einen Tag vorher
Am Angebotstag
Uhrzeit
00:00
01:00
02:00
03:00
04:00
05:00
06:00
07:00
08:00
09:00
10:00
11:00
12:00
13:00
14:00
15:00
16:00
17:00
18:00
19:00
20:00
21:00
22:00
23:00
Hinweise
  • line 1
  • line 2
  • ...

Eine Erinnerung ist nicht mehr möglich

Die Erinnerungszeiten für diesem Artikel sind bereits abgelaufen.

Erinnerung aktiv!

hh

Sie erhalten Ihre Erinnerung am ${date} um ${time} Uhr.

hh

Wir senden Ihnen noch eine Nachricht per E-Mail, um ihre E-Mail Adresse zu bestätigen. Bitte klicken Sie auf den Link in der Nachricht.

regions.regionSwitchHeadline

regions.regionSwitchText
regions.regionSwitchTextExplicitSwitch