# Line

### Übersicht

Die Footer Zeile befindet sich unterhalb der [Spalten](https://docs.atloss.de/en/theme-configuration/footer/columns) und kann auf ähnliche Weise konfiguriert werden. So bietet dir die Theme Konfiguration eine zusätzliche Möglichkeit deinen [Footer](https://docs.atloss.de/en/academy/technical-terms/footer) ganz auf deine Bedürfnisse zuschneiden.

<figure><img src="https://content.gitbook.com/content/33GKvYy9I8ydtLM82CBS/blobs/xwNyfCZ7QIFTOJjybf8Y/footer-zeile.webp" alt=""><figcaption><p>Footer Zeile unseres Kunden <a href="https://outdoordino.de/">https://outdoordino.de/</a></p></figcaption></figure>

### Elemente zuweisen

Für die Footer Zeile stehen dir vier Elemente zur Verfügung:

{% tabs %}
{% tab title="Copyright" %}
Das Copyright ist ein einfacher [Textbaustein](https://docs.shopware.com/de/shopware-6-de/einstellungen/Textbausteine) mit dem du deinem Shop ein schickes Branding verleihen kannst. Er lässt sich über den Namen `theme.footer.copyright` anpassen.
{% endtab %}

{% tab title="Service Menü" %}
Mit diesem Element kannst du dein Service Menü in der Footer Zeile als Liste ausgeben.

{% hint style="info" %}
Beachte dabei, dass du zuvor einen Einstiegspunkt für die Footer-Service-Navigation in den [Grundeinstellungen des Verkaufskanals](https://docs.shopware.com/de/shopware-6-de/einstellungen/Verkaufskanaele#grundeinstellungen) verknüpft hast. Voraussetzung hierfür ist, dass du auch die entsprechenden Kategorien für dein Service Menü im [Kategorie Modul](https://docs.shopware.com/de/shopware-6-de/kataloge/kategorien) erstellt hast.
{% endhint %}
{% endtab %}

{% tab title="Zahlungs- und Versandarten Logos" %}
Hiermit kannst du deine [Zahlungs-](https://docs.shopware.com/de/shopware-6-de/einstellungen/Zahlungsarten) und [Versandarten](https://docs.shopware.com/de/shopware-6-de/einstellungen/versand) Logos in der Footer Zeile anzeigen.
{% endtab %}

{% tab title="Soziale Medien" %}
Mit dem Soziale Medien Element kannst du die [Icons](https://docs.atloss.de/en/academy/technical-terms/icon) inkl. Link zu deinen gepflegten [Social Media Kanälen](https://docs.atloss.de/en/theme-configuration/general/social) in der Footer Zeile einblenden.
{% endtab %}
{% endtabs %}

Über die nachfolgenden Felder kannst du die gewünschten Elemente entsprechend deiner Vorstellung und Reihenfolge verknüpfen. Das erste und zweite Element wird dabei auf der linken Seite und das dritte und vierte Element auf der rechten Seite der Zeile dargestellt. Mit der Option "Keins" kannst du ein oder mehrere Element(e) leer lassen, sodass du nicht gezwungen bist alle verfügbaren Elemente zu verwenden. Beachte dabei, dass jedes Element nur einmal in der Footer Zeile angezeigt werden kann.

<figure><img src="https://content.gitbook.com/content/33GKvYy9I8ydtLM82CBS/blobs/bVRG2errsvwOHdcBEJzq/footer-zeile-elemente-zuweisen.webp" alt=""><figcaption></figcaption></figure>

<details>

<summary>Erstes Element</summary>

Weise das erste Element zu.

</details>

<details>

<summary>Zweites Element</summary>

Weise das zweite Element zu.

</details>

<details>

<summary>Drittes Element</summary>

Weise das dritte Element zu.

</details>

<details>

<summary>Viertes Element</summary>

Weise das vierte Element zu.

</details>

### Zahlungs- und Versandarten

<figure><img src="https://content.gitbook.com/content/33GKvYy9I8ydtLM82CBS/blobs/gMbdz7SZtpeHM5ZYfJI5/footer-zeile-zahlungs-und-versandarten.webp" alt=""><figcaption></figcaption></figure>

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

<details>

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

Definiere die Größe der Zahlungs- und Versandarten [Icons](https://docs.atloss.de/en/academy/technical-terms/icon) in der Footer Zeile.

</details>

### Farben

<figure><img src="https://content.gitbook.com/content/33GKvYy9I8ydtLM82CBS/blobs/aXxAOh70RWPynO9LXvHX/footer-zeile-farben.webp" alt=""><figcaption></figcaption></figure>

<details>

<summary>Rahmenfarbe Oben</summary>

Lege die obere Rahmenfarbe der Footer Zeile fest. Standardmäßig wird hier die globale [Rahmenfarbe](https://docs.atloss.de/en/general/theme-colors#rahmen) über eine [Variable](https://docs.atloss.de/en/academy/technical-terms/variable) eingebunden. Solltest du keinen Rahmen verwenden wollen, kannst du auch den Wert "transparent" im Feld hinterlegen.

</details>

<details>

<summary>Rahmenfarbe Unten</summary>

Hinterlege die untere Rahmenfarbe der Footer Zeile.

</details>

### Abstände

<figure><img src="https://content.gitbook.com/content/33GKvYy9I8ydtLM82CBS/blobs/TgMRxU1mITwu5wuVR2s6/footer-zeile-abstaende.webp" alt=""><figcaption></figcaption></figure>

<details>

<summary>Oberer Außenabstand (in px)</summary>

Definiert den Abstand zwischen dem oberen Rahmen der Footer Zeile und den [Footer Spalten](https://docs.atloss.de/en/theme-configuration/footer/columns).

</details>

<details>

<summary>Unterer Außenabstand (in px)</summary>

Definiert den Abstand zwischen dem unteren Rahmen der Footer Zeile und dem [Footer Abschluss](https://docs.atloss.de/en/theme-configuration/footer/completion).

</details>

<details>

<summary>Oberer Innenabstand (in px)</summary>

Definiert den Abstand zwischen dem Inhalt der Footer Zeile und dem oberen Rahmen.

</details>

<details>

<summary>Unterer Innenabstand (in px)</summary>

Definiert den Abstand zwischen dem Inhalt der Footer Zeile und dem unteren Rahmen.

</details>