> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dreizack-medien.de/llms.txt
> Use this file to discover all available pages before exploring further.

# Footer

> Hier findest du alle Einstellungen rund um den Footer von NIU Plus.

## Footer Topbar

Die Footer Topbar ist die erste Zeile des Footers und gibt dir die Möglichkeit deine Kunden noch ein letztes mal direkt anzusprechen.

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/CEBCezyh-9QuWvg8/images/niu-plus-footer-topbar.jpg?fit=max&auto=format&n=CEBCezyh-9QuWvg8&q=85&s=d3e195b7059f716c17f859080724d044" alt="Footer Topbar" width="2072" height="358" data-path="images/niu-plus-footer-topbar.jpg" />
  </Frame>
</div>

### Footer Topbar Typ

Wähle hier eine von drei verschiedenen Topbars, die jeweils unterschiedliche Funktionen bieten, um den spezifischen Bedürfnissen deines Onlineshops gerecht zu werden. Die verfügbaren Optionen sind:

**Newsletter**

Ermöglicht es den Kunden, sich für den Newsletter anzumelden.

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/-WSYi7JzhP01FFZS/images/niu-plus-footer-topbar-newsletter.png?fit=max&auto=format&n=-WSYi7JzhP01FFZS&q=85&s=92d19cbcf6f8f4464235b4bd16e7b60c" alt="" width="3090" height="324" data-path="images/niu-plus-footer-topbar-newsletter.png" />
  </Frame>
</div>

**Support**

Bietet schnellen Zugriff auf den Kundensupport.

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/-WSYi7JzhP01FFZS/images/niu-plus-footer-topbar-support.png?fit=max&auto=format&n=-WSYi7JzhP01FFZS&q=85&s=a79cb7e9be9e14cf390df65a30883e93" alt="" width="2952" height="263" data-path="images/niu-plus-footer-topbar-support.png" />
  </Frame>
</div>

**Suche**

Integriert eine Suchfunktion für eine einfache Navigation.

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/-WSYi7JzhP01FFZS/images/niu-plus-footer-topbar-suche.png?fit=max&auto=format&n=-WSYi7JzhP01FFZS&q=85&s=97f5b8ed823cf110ae25d63f73ada77e" alt="" width="3114" height="275" data-path="images/niu-plus-footer-topbar-suche.png" />
  </Frame>
</div>

### Hintergrund Icon

Wähle hier ein passendes Hintergrundicon für die Footer Topbar.

***

## Footer Boxen

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/CEBCezyh-9QuWvg8/images/niu-plus-footer-boxen.jpg?fit=max&auto=format&n=CEBCezyh-9QuWvg8&q=85&s=9412c1e6f7e0403acffe044403e475c2" alt="Footer Boxen" width="2062" height="224" data-path="images/niu-plus-footer-boxen.jpg" />
  </Frame>
</div>

### Anordnung Footerboxen

Entscheide hier, wie die Footerboxen angeordnet sein sollen. Auswahl zwischen:

**linksbündig (start)**

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>![](https://t4655718.p.clickup-attachments.com/t4655718/0f4c7d8a-5a2d-40b5-aea0-0acc21126144/image.png)</Frame>
</div>

**zentriert (center)**

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>![](https://t4655718.p.clickup-attachments.com/t4655718/a3bda2b8-51f5-4034-9dbc-c50d77be6b58/image.png)</Frame>
</div>

**auf Breite verteilt (between)**

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>![](https://t4655718.p.clickup-attachments.com/t4655718/4762a890-0fa6-462d-ae98-81fb23362008/image.png)</Frame>
</div>

***

## Footer Bottombar

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/CEBCezyh-9QuWvg8/images/niu-plus-footer-bottombar.jpg?fit=max&auto=format&n=CEBCezyh-9QuWvg8&q=85&s=3fb3d4bf8b65dfeeaec52005146f2558" alt="Footer Bottombar" width="2072" height="292" data-path="images/niu-plus-footer-bottombar.jpg" />
  </Frame>
</div>

### Links in Footer Bottombar anzeigen

Lege hier fest, ob Links in der Bottombar dargestellt werden sollen. Dieser Bereich gilt für alle Standardseiten bis zum Checkout mit Standard Footer. Die Links können über die Linkgruppe **Footer Bottom Bar** unter [**Eigene Seiten**](https://latest.niuplus.de/admin/links) gepflegt werden. Achte darauf, dass alle Sprachen angelegt sind.

### Links in Footer Bottombar im Checkout anzeigen

Lege hier fest, ob Links im Checkout in der Bottombar dargestellt werden sollen. Dieser Bereich gilt für alle Standardseiten bis zum Checkout mit Standard Footer. Die Links können über die Linkgruppe **Footer Bottom Bar** unter [**Eigene Seiten**](https://latest.niuplus.de/admin/links) gepflegt werden. Achte darauf, dass alle Sprachen angelegt sind.

***

## Icons

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/CEBCezyh-9QuWvg8/images/niu-plus-footer-icons.jpg?fit=max&auto=format&n=CEBCezyh-9QuWvg8&q=85&s=21bdac1cad6beb321357119c5e379b11" alt="Footer Icons" width="2082" height="380" data-path="images/niu-plus-footer-icons.jpg" />
  </Frame>
</div>

Hier kannst du entscheiden, ob die Icons für Zahlung, Versand und Social vergrößert angezeigt werden sollen.

***

## Zahlungsmethoden Icons

Wähle hier die Zahlungsmethoden aus, die du in deinem Shop anbietest. Diese werden um Footer als Icons angezeigt und optional auf den Produktdetailseiten (siehe Optionen für Produktdetails).

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/CEBCezyh-9QuWvg8/images/niu-plus-footer-zahlungsmethoden-icons.jpg?fit=max&auto=format&n=CEBCezyh-9QuWvg8&q=85&s=f12df684d34526f69047e96431b24b12" alt="Zahlungsmethoden Icons" width="2074" height="278" data-path="images/niu-plus-footer-zahlungsmethoden-icons.jpg" />
  </Frame>
</div>

### Zahlungsmethoden Icons aktivieren

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/2IjsgeF3d_WBpVmC/images/niu-plus-footer-zahlungsmethoden-aktivieren.jpg?fit=max&auto=format&n=2IjsgeF3d_WBpVmC&q=85&s=33d0c68bb593aeaf9a2c85fc631d8cdc" alt="Zahlungsmethoden Icons aktivieren" width="2070" height="2023" data-path="images/niu-plus-footer-zahlungsmethoden-aktivieren.jpg" />
  </Frame>
</div>

Um ein Icon zu aktivieren, schiebe einfach den Regler nach rechts und speichere die Einstellungen.

### Icons umranden

Entscheide, ob die Zahlungsmethoden Icons umrandet werden sollen:

**Deaktiviert**

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>![](https://t4655718.p.clickup-attachments.com/t4655718/a20daf9b-d017-47a8-88ac-ffa27c93bd52/image.png)</Frame>
</div>

**Aktiviert**

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>![](https://t4655718.p.clickup-attachments.com/t4655718/36a8a508-8cf9-4761-8f05-aa4578be6208/image.png)</Frame>
</div>

***

## Versand Icons

Wähle hier die Versandarten aus, die du in deinem Shop anbietest. Diese werden im Footer angezeigt.

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/CEBCezyh-9QuWvg8/images/niu-plus-footer-versand-icons.jpg?fit=max&auto=format&n=CEBCezyh-9QuWvg8&q=85&s=762e6f73de383774d0ffe9998d55e80b" alt="Versand Icons" width="2066" height="362" data-path="images/niu-plus-footer-versand-icons.jpg" />
  </Frame>
</div>

### Versand Icons aktivieren

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/2IjsgeF3d_WBpVmC/images/niu-plus-footer-versand-aktivieren.jpg?fit=max&auto=format&n=2IjsgeF3d_WBpVmC&q=85&s=b5cb82bc4508fcfbfffd0347c1651588" alt="Versand Icons aktivieren" width="2072" height="1170" data-path="images/niu-plus-footer-versand-aktivieren.jpg" />
  </Frame>
</div>

Um ein Icon zu aktivieren, schiebe einfach den Regler nach rechts und speichere die Einstellungen.

### Icons umranden

Entscheide, ob die Versand Icons umrandet werden sollen:

**Deaktiviert**

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>![](https://t4655718.p.clickup-attachments.com/t4655718/0b271ac2-63ce-4d97-ada1-58f5e38bce54/image.png)</Frame>
</div>

**Aktiviert**

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>![](https://t4655718.p.clickup-attachments.com/t4655718/d54e44fd-584c-4f4f-bea1-1ed783f79853/image.png)</Frame>
</div>

<div style={{height: '1px', backgroundColor: 'silver', margin: '24px 0'}} />