Columns

Purpose

By using columns, the arrangement of components on a template can be defined. The default settings of the column component is 2 Columns, 50%:50%.

Next to the default setting, the following Column Distribution can be selected: 

2 Columns: 67% : 33%

2 Columns: 33% : 67%

3 Columns: 33% : 33% : 33%

Below you can find examples of the various distributions and the configuration steps.  

Go directly to

Examples

The following examples show how the component can be used on the live environment.

Erdbeeren – ALDI Nord

Column Distribution: 2 Columns 50% , 50%

Im Frühjahr sind neben Spargel typische Gemüsesorten wie Radieschen und verschiedene Salatsorten reif zum Verzehr. Auch junge Kartoffeln schaffen Abwechslung auf Ihrem Gemüseteller. Fruchtiger Rhabarber und die ersten saftigen Erdbeeren sind ideal auch zum Einkochen und als Marmelade.

Zucchini – ALDI Nord

Column Distribution: 2 Columns 50% , 50%

Blumenkohl, Brokkoli, Kartoffeln, Kohlrabi, Rucola und Zucchini laden jetzt dazu ein, Ihren Speiseplan bunt zu gestalten. Für den sommerlichen Früchtegenuss, zum Beispiel für Obstsalate oder Tortenböden, sorgen Erdbeeren, frische Himbeeren oder Heidelbeeren und Kirschen.

Erdbeeren – ALDI Nord

Column Distribution: 2 Columns 67% , 33%

Im Frühjahr sind neben Spargel typische Gemüsesorten wie Radieschen und verschiedene Salatsorten reif zum Verzehr. Auch junge Kartoffeln schaffen Abwechslung auf Ihrem Gemüseteller. Fruchtiger Rhabarber und die ersten saftigen Erdbeeren sind ideal auch zum Einkochen und als Marmelade.

Zucchini – ALDI Nord

Column Distribution: 2 Columns 67% , 33%

Blumenkohl, Brokkoli, Kartoffeln, Kohlrabi, Rucola und Zucchini laden jetzt dazu ein, Ihren Speiseplan bunt zu gestalten. Für den sommerlichen Früchtegenuss, zum Beispiel für Obstsalate oder Tortenböden, sorgen Erdbeeren, frische Himbeeren oder Heidelbeeren und Kirschen.

Erdbeeren – ALDI Nord

Column Distribution: 2 Columns 33% , 67%

Im Frühjahr sind neben Spargel typische Gemüsesorten wie Radieschen und verschiedene Salatsorten reif zum Verzehr. Auch junge Kartoffeln schaffen Abwechslung auf Ihrem Gemüseteller. Fruchtiger Rhabarber und die ersten saftigen Erdbeeren sind ideal auch zum Einkochen und als Marmelade.

Zucchini – ALDI Nord

Column Distribution: 2 Columns 33% , 67%

Blumenkohl, Brokkoli, Kartoffeln, Kohlrabi, Rucola und Zucchini laden jetzt dazu ein, Ihren Speiseplan bunt zu gestalten. Für den sommerlichen Früchtegenuss, zum Beispiel für Obstsalate oder Tortenböden, sorgen Erdbeeren, frische Himbeeren oder Heidelbeeren und Kirschen.

Erdbeeren – ALDI Nord

Column Distribution: 3 Columns 33% , 33% , 33%

Im Frühjahr sind neben Spargel typische Gemüsesorten wie Radieschen und verschiedene Salatsorten reif zum Verzehr. Auch junge Kartoffeln schaffen Abwechslung auf Ihrem Gemüseteller. Fruchtiger Rhabarber und die ersten saftigen Erdbeeren sind ideal auch zum Einkochen und als Marmelade.

Zucchini – ALDI Nord

Column Distribution: 3 Columns 33% , 33% , 33%

Blumenkohl, Brokkoli, Kartoffeln, Kohlrabi, Rucola und Zucchini laden jetzt dazu ein, Ihren Speiseplan bunt zu gestalten. Für den sommerlichen Früchtegenuss, zum Beispiel für Obstsalate oder Tortenböden, sorgen Erdbeeren, frische Himbeeren oder Heidelbeeren und Kirschen.

Erdbeeren – ALDI Nord

Column Distribution: 3 Columns 33% , 33% , 33%

Im Frühjahr sind neben Spargel typische Gemüsesorten wie Radieschen und verschiedene Salatsorten reif zum Verzehr. Auch junge Kartoffeln schaffen Abwechslung auf Ihrem Gemüseteller. Fruchtiger Rhabarber und die ersten saftigen Erdbeeren sind ideal auch zum Einkochen und als Marmelade.

Configuration

To create the component, follow the steps below. 

  • Step 1
    Mouse-over column component until a blue margin appears
  • Step 2
    Click into the component
Configuration of Columns, Image 1
  • Step 3
    Click on Parent Field
Configuration of Columns, Image 2
  • Step 4
    Configure
    Component
  • Step 5
    Choose Column Distribution from Dropdown menu
  • Step 6
    Save changes
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