> For the complete documentation index, see [llms.txt](https://docs.rh-webdesign.com/cms-bundle/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.rh-webdesign.com/cms-bundle/erlebniswelt-seitentypen/footer-layout/einzelelemente.md).

# Einzelelemente

Das Element **Einzelelemente** ist das Herzstück deines Footers: Es bildet eine Reihe aus mehreren Spalten, deren Typ du jeweils frei wählst. So baust du den oberen Footer-Bereich genau so auf, wie du ihn brauchst – von der Service-Hotline über ein eigenes Logo bis zur Newsletter-Anmeldung.

Über die **Element-Auswahl** von Shopware (Schaltfläche „Element austauschen“) fügst du das Element **Elemente** an der gewünschten Position hinzu – im rot markierten Feld.

<figure><img src="/files/eSp6NrMphxajKsrsF3PM" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/SuVUJMuKDdpdbsLJrrtX" alt=""><figcaption><p>Beispiel im Storefront: drei Spalten (Hotline, eigener Inhalt, Newsletter)</p></figcaption></figure>

### Spalten verwalten

Im Reiter **Allgemein** siehst du alle angelegten Spalten als Liste. Jede Zeile ist eine Spalte deines Footers.

<figure><img src="/files/cejYRB7wLCVTBTFiey7y" alt=""><figcaption></figcaption></figure>

Über die Pfeil-Symbole änderst du die Reihenfolge der Spalten, über das Papierkorb-Symbol entfernst du eine Spalte. Mit **Spalte hinzufügen** legst du eine neue Spalte an. Klicke auf eine Zeile, um deren Einstellungen aufzuklappen.

### Spalte konfigurieren

Jede Spalte besitzt einen **Spalten-Typ**, der bestimmt, welcher Inhalt angezeigt wird. Je nach Typ erscheinen zusätzliche Felder.

<figure><img src="/files/WMJjcHBgWeq3Iex99oKm" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="287">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Spalten - Typ (1)</td><td>Legt den Inhalt der Spalte fest. Ein bereits verwendeter Typ lässt sich kein zweites Mal auswählen (Ausnahme: <strong>Eigener Inhalt</strong>). Verfügbare Typen siehe Tabelle unten.</td></tr><tr><td>Überschrift (2)</td><td>Die Spaltenüberschrift. Nur beim Typ <strong>Eigener Inhalt</strong> frei wählbar – die anderen Typen bringen ihre Überschrift automatisch mit.</td></tr><tr><td>Inhalt / Text (3)</td><td>Der Inhalt der Spalte (HTML/Twig). Erscheint bei den Typen <strong>Eigener Inhalt</strong>, <strong>Newsletter</strong> und <strong>Logo</strong>.</td></tr></tbody></table>

<table><thead><tr><th width="287">Spalten-Typ</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Navigation</td><td>Zeigt die Footer-Navigation deines Verkaufskanals.</td></tr><tr><td>Hotline</td><td>Blendet die Service-Hotline samt Telefonnummer und Zeiten ein.</td></tr><tr><td>Logo</td><td>Zeigt das Logo deines Verkaufskanals oder ein eigenes hochgeladenes Logo (mit einstellbarer Maximalhöhe).</td></tr><tr><td>Zahlungsmethoden</td><td>Zeigt die Logos deiner aktiven Zahlarten (siehe <a href="/pages/IThOjaiFxySgO6XPt8Ca">Zahlung- / Versand</a>).</td></tr><tr><td>Versandmethoden</td><td>Zeigt die Logos deiner aktiven Versandarten.</td></tr><tr><td>Newsletter</td><td>Bindet ein Anmeldeformular für den Newsletter ein. Optionaler Einleitungstext über das Feld <strong>Inhalt / Text</strong>.</td></tr><tr><td>Social - Media</td><td>Zeigt deine Social-Media-Kanäle. Über den Link am Feld pflegst du die Kanäle global.</td></tr><tr><td>Eigener Inhalt</td><td>Komplett freie Spalte mit eigener Überschrift und eigenem HTML/Twig-Inhalt.</td></tr></tbody></table>

### Layout

Im Reiter **Layout** (innerhalb der Spalte) steuerst du Breite und Verhalten auf Mobilgeräten.

<figure><img src="/files/ZnBXS3DBeIF8j4Mj7YYw" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="287">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Breite für Desktopgeräte (1)</td><td>Bestimmt die Spaltenbreite auf dem Desktop. Arbeitest du mit %, sollten alle Spalten einer Reihe zusammen 100 % ergeben.</td></tr><tr><td>Einklappen auf Mobilgeräten (2)</td><td>Klappt den Spalteninhalt auf Mobilgeräten in ein aufklappbares Akkordeon, um Platz zu sparen.</td></tr></tbody></table>

### Farben

Im Reiter **Farben** legst du die Farben für die gesamte Element-Reihe fest.

<figure><img src="/files/fCtYXguk9BDdUiBuWvWX" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="287">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Überschrift - Farbe (1)</td><td>Schriftfarbe der Spaltenüberschriften.</td></tr><tr><td>Text - Farbe (2)</td><td>Schriftfarbe der Spalteninhalte.</td></tr></tbody></table>