Eine Reihe mit drei Merkmalen #

Drei kurze Punkte nebeneinander: „Plans for every level“, „Recipes“, „Videos“.

Lebenszyklus: Bauen, Beispiel 3 von 35. Ausgearbeitet auf der Site Fit & Healthy von Exponential 6.0.15+.

Inhalt #

1. Im Layout-Editor
2. Mit Templates
3. Welchen Weg Sie wählen
4. Prüfen

Im Layout-Editor #

1. Öffnen Sie Layouts > Layouts und das Layout Landing Page / Home; der Editor öffnet es in einem Entwurf.
2. Öffnen Sie die Blockpalette (+ oben links) und ziehen Sie Three columns (Gruppe Containers) in die Zone main. Seine Platzhalter sind col_1, col_2, col_3.
3. Öffnen Sie die Blockpalette (+ oben links) und ziehen Sie Card (Gruppe Basic) in die Zone col_1. Machen Sie dasselbe für col_2 und col_3.
4. Wählen Sie den Block aus, öffnen Sie den Reiter Design und füllen Sie bei jeder Card Title, Content, Image URL, Link URL und Link label (Standard „Read more“) aus.
5. Layout veröffentlichen. Die Seiten, die das Layout verwenden, zeigen den Block beim nächsten Aufruf.

Der Block Features (Gruppe Components) ist die Alternative aus einem einzigen Block mit den gemeinsamen Komponentenfeldern.

Mit Templates #

1. Schreiben Sie extension/mysite/design/media/templates/explayouts/tpl_block/features_three.tpl in Ihrer Design-Erweiterung, leeren Sie den Template-Cache und platzieren Sie es mit einem Template block, dessen Template name features_three ist (Eigene Template-Blöcke).
2. Gehen Sie in einer Schleife über drei Inhaltsobjekte (zum Beispiel die Kinder eines Ordners „Features“).

{def $features = fetch( 'content', 'list', hash( 'parent_node_id', <folder node id>, 'limit', 3, 'sort_by', array( 'priority', true() ) ) )}
<div class="container features-three">
{foreach $features as $f}
    <div class="feature"><h3>{$f.name|wash}</h3>{attribute_view_gui attribute=$f.data_map.short_description}</div>
{/foreach}
</div>
{undef $features}

Welchen Weg Sie wählen #

Mit Spalten und Cards kann ein Redakteur eine Card ändern, ohne die anderen anzufassen; mit einem Template, das aus einem Ordner liest, ändern Redakteure die Punkte als Inhalte.

Prüfen #

• Drei Blöcke ngl-card innerhalb von ngl-three_columns (Weg über Blöcke).

Verwandte Seiten #

• Der Reiter Design
• Eigene Template-Blöcke
• Beispiele zum Bauen, alle Seiten
• Freie Dokumentation: Diese Seite darf unter der GNU FDL 1.3 frei kopiert, übersetzt und verbessert werden.