# Spalten

### Übersicht

Der Hauptinhalt des [Footers](/academy/fachbegriffe/footer.md) kann in Spalten untergliedert werden. So kann ein Einstiegspunkt der Footer Navigation über die [Grundeinstellungen des Verkaufskanals](https://docs.shopware.com/de/shopware-6-de/einstellungen/Verkaufskanaele#grundeinstellungen) vorgenommen werden, um rechtliche Seiten wie Impressum, AGB, etc. zu verlinken. Zusätzlich können weitere Informationen wie Kontakt- oder [FAQ-Seiten](/enthaltene-erweiterungen/faqs.md) verknüpft werden.

<figure><img src="/files/f8I0BadqpHHbwvY2uIoK" alt=""><figcaption><p>Footer Spalten unseres Kunden <a href="https://outdoordino.de/">https://outdoordino.de/</a></p></figcaption></figure>

Neben diesen Möglichkeiten bietet dir das Theme jedoch noch weitere sinnvolle Elemente, um den Footer nach deinen Wünschen zu konfigurieren.

### Elemente zuweisen

Insgesamt stehen dir fünf Elemente für deine Footer Spalten zur Verfügung:

{% tabs %}
{% tab title="Service-Hotline" %}
Mit dem Service-Hotline Element kannst du die Kontaktdaten für deine Besucher schnell und einfach in deinem Footer integrieren. Hierbei werden folgende [Textbausteine](https://docs.shopware.com/de/shopware-6-de/einstellungen/Textbausteine) verwendet:

Überschrift: `theme.footer.serviceHotlineHeadline`\
Inhalt: `theme.footer.serviceHotline`
{% endtab %}

{% tab title="Footer Navigation" %}
Hiermit kannst du festlegen, an welcher Stelle du die [Navigation](https://docs.shopware.com/de/shopware-6-de/einstellungen/Verkaufskanaele#grundeinstellungen) deines Footers anzeigen möchtest, die du im Verkaufskanal verknüpft hast.

{% hint style="info" %}
Beachte hierbei, dass die Spaltenüberschriften, sowie der Einstiegspunkt im [Kategorie Modul](https://docs.shopware.com/de/shopware-6-de/kataloge/kategorien#allgemein) vom Typ "Strukturelement / Einstiegspunkt" sind. Andernfalls verlinkt die Überschrift zu einer leeren Kategorie.
{% endhint %}
{% endtab %}

{% tab title="Newsletter" %}
Blendet ein Newsletter Element als Footer Spalte ein. Hierbei werden folgende [Textbausteine](https://docs.shopware.com/de/shopware-6-de/einstellungen/Textbausteine) verwendet:

Überschrift: `theme.footer.newsletter.headline`\
Inhalt: `theme.footer.newsletter.content`
{% endtab %}

{% tab title="Zahlungs- und Versandarten" %}
Bietet dir die Möglichkeit die [Icons](/academy/fachbegriffe/icon.md) deiner [Zahlungs-](https://docs.shopware.com/de/shopware-6-de/einstellungen/Zahlungsarten) und [Versandarten](https://docs.shopware.com/de/shopware-6-de/einstellungen/versand) in einer Footer Spalte anzuzeigen. Hierbei kommt folgender [Textbaustein](https://docs.shopware.com/de/shopware-6-de/einstellungen/Textbausteine) zum Einsatz:

Überschrift: `theme.footer.payment-shipping.headline`

{% hint style="success" %}
Einheitliche, von uns erstellte Logos stellen wir dir kostenlos über unsere [Hilfsmittel](/zahlungs-und-versandarten-icons.md) zur Verfügung.
{% endhint %}
{% endtab %}

{% tab title="Qualitätssiegel" %}
Gibt dir die Option ein Qualitäts- bzw. Gütesiegel in deinem Footer zu integrieren. Die [Konfiguration](#qualitaetssiegel-1) erfolgt hierfür im Abschnitt weiter unten. Für dieses Element wird folgender [Textbaustein](https://docs.shopware.com/de/shopware-6-de/einstellungen/Textbausteine) verwendet:

Überschrift: `theme.footer.quality.headline`
{% endtab %}
{% endtabs %}

Gegebenenfalls kannst du über die Option "Keins" die Zuweisung für ein Element aufheben bzw. überspringen. Somit bist du nicht gezwungen alle verfügbaren Elemente zu verwenden.

Durch die nachfolgende Konfiguration kannst du die Elemente, sowie deren Reihenfolge innerhalb des Footers festlegen. Beachte jedoch, dass die Mehrfachauswahl eines Elements nicht möglich ist. Jedes Element kann nur einmal als Footer Spalte verwendet werden.

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

<details>

<summary>Erstes Element</summary>

Wähle das erste Element.

</details>

<details>

<summary>Zweites Element</summary>

Wähle das zweite Element.

</details>

<details>

<summary>Drittes Element</summary>

Wähle das dritte Element.

</details>

<details>

<summary>Viertes Element</summary>

Wähle das vierte Element.

</details>

<details>

<summary>Fünftes Element</summary>

Wähle das fünfte Element.

</details>

### Grundeinstellungen

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

<details>

<summary>Ausrichtung</summary>

**Linksbündig**\
Richtet die Footer Spalten linksbündig aus. Dies macht besonders Sinn sobald deine Footer Spalten zweizeilig sein sollten, da sie sich ggf. durch ihre unterschiedliche Breite nicht mehr sinnig einreihen lassen.

**Zentriert**\
Platziert deine Footer Spalten mittig. Diese Einstellung empfiehlt sich für einzeilige Footer Spalten.

</details>

### Service-Hotline

{% hint style="info" %}
Die Konfiguration in diesem Abschnitt bezieht sich auf das [Service-Hotline Element](#elemente-zuweisen).
{% endhint %}

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

<details>

<summary>Logo anzeigen</summary>

**Ja**\
Blendet dein Desktop Logo unterhalb der Service-Hotline ein. Alternativ kannst du für deinen Footer ein anderes [Logo](/theme-konfiguration/allgemein/medien.md#footer) definieren.

**Nein**\
Blendet das Logo unterhalb der Service-Hotline aus.

</details>

<details>

<summary>Größe des Logos (in px)</summary>

Legt die Größe deines Logos unterhalb der Service-Hotline fest.

</details>

### Newsletter

{% hint style="info" %}
Die Konfiguration in diesem Abschnitt bezieht sich auf das [Newsletter Element](#elemente-zuweisen).
{% endhint %}

<figure><img src="/files/6krAmw2NELRSRZ9zWDJM" alt=""><figcaption></figcaption></figure>

<details>

<summary>Social Media Icons unter Newsletter anzeigen</summary>

**Ja**\
Zeigt die [Icons](/academy/fachbegriffe/icon.md) inkl. Verlinkung deiner konfigurierten [Social Media Kanäle](/theme-konfiguration/allgemein/social.md) unterhalb des Newsletter Elements an.

**Nein**\
Blendet die Social Media Icons unterhalb des Newsletter Elements aus.

</details>

### Zahlungs- und Versandarten

{% hint style="info" %}
Die Konfiguration in diesem Abschnitt bezieht sich auf das [Zahlungs- und Versandarten Element](#elemente-zuweisen).
{% endhint %}

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

<details>

<summary>Größe der Zahlungs- und Versandarten Logos (in px)</summary>

Definiert die Größe der Logos innerhalb des Zahlungs- und Versandarten Elements.

</details>

### Qualitätssiegel

{% hint style="info" %}
Die Konfiguration in diesem Abschnitt bezieht sich auf das [Qualitätssiegel Element](#elemente-zuweisen).
{% endhint %}

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

<details>

<summary>Bild</summary>

Hinterlege ein Bild, das die Qualitäts- und Gütesiegel deines Shops enthält.

</details>

<details>

<summary>Qualitätssiegel - Maximale Breite (in px)</summary>

Definiere die maximale Breite des von dir hinterlegten Bildes.

</details>

### Typografie

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

<details>

<summary>Überschriften Schriftgröße (in px)</summary>

Lege die Schriftgröße deiner Footer Spalten Überschriften fest.

</details>

<details>

<summary>Überschriften Schriftstärke</summary>

Definiert die Schriftstärke aller Footer Spalten Überschriften. Je nach [Schriftart](/theme-konfiguration/allgemein/typografie.md) stehen dir hierbei folgende Konfigurationsoptionen zur Verfügung:

100 = Thin\
200 = Extra Light\
300 = Light\
400 = Normal\
500 = Medium\
600 = Semi Bold\
700 = Bold\
800 = Extra Bold\
900 = Black

</details>

<details>

<summary>Überschriften in Großbuchstaben</summary>

**Ja**\
Schreibt alle Footer Spalten Überschriften in Großbuchstaben.

**Nein**\
Die Footer Spalten Überschriften werden so angezeigt, wie sie in den [Textbausteinen](https://docs.shopware.com/de/shopware-6-de/einstellungen/Textbausteine) angelegt wurden.

</details>

<details>

<summary>Text Schriftgröße (in px)</summary>

Legt die Schriftgröße des Textes innerhalb der Footer Spalten fest.

</details>

### Farben

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

<details>

<summary>Überschriften Schriftfarbe</summary>

Lege die Schriftfarbe für deine Footer Spalten Überschriften fest. Standardmäßig wird an dieser Stelle die globale [Überschriftfarbe](/theme-konfiguration/allgemein/typografie.md#ueberschriftfarbe) als [Variable](/academy/fachbegriffe/variable.md) verwendet.

</details>

<details>

<summary>Text Schriftfarbe</summary>

Hinterlege die Schriftfarbe für den Text innerhalb der Footer Spalten. Hier wird im Standard die globale [Textfarbe](/theme-konfiguration/allgemein/typografie.md#textfarbe) mittels [Variable](/academy/fachbegriffe/variable.md) eingebunden.

</details>

<details>

<summary>Überschriften Hintergrund</summary>

Hinterlege eine Farbe für den Hintergrund deiner Footer Spalten Überschriften. Im nächsten Abschnitt kannst du den Innenabstand zur Schrift vergrößern. Solltest du keine Hintergrundfarbe verwenden wollen, schreibe hier "transparent" in das Feld.

</details>

### Abstände

{% hint style="info" %}
Die Innenabstände der Footer Spalten Überschriften sollten nur im Falle einer konfigurierten Hintergrundfarbe größer als 0 sein.
{% endhint %}

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

<details>

<summary>Überschriften Innenabstand oben und unten (in px)</summary>

Lege den oberen und unteren Innenabstand der Footer Spalten Überschriften fest.

</details>

<details>

<summary>Überschriften Innenabstand links und rechts (in px)</summary>

Definieren den linken und rechten Innenabstand der Footer Spalten Überschriften.

</details>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.atloss.de/theme-konfiguration/footer/spalten.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.