> ## 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>

<ParamField path="Footer Topbar Typ" type="select">
  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>
</ParamField>

<ParamField path="Hintergrund Icon" type="icon">
  Wähle hier ein passendes Hintergrundicon für die Footer Topbar.
</ParamField>

***

## 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>

<ParamField path="Anordnung Footerboxen" type="select">
  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>
      <img src="https://mintcdn.com/dzm/S0oalOEK5p4z7zxF/images/niu-plus-footer-anordnung-linksbuendig.png?fit=max&auto=format&n=S0oalOEK5p4z7zxF&q=85&s=51ddf2feaab4177a35675be07ed4fb0a" alt="Footerboxen linksbündig" width="5237" height="936" data-path="images/niu-plus-footer-anordnung-linksbuendig.png" />
    </Frame>
  </div>

  **zentriert (center)**

  <div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
    <Frame>
      <img src="https://mintcdn.com/dzm/S0oalOEK5p4z7zxF/images/niu-plus-footer-anordnung-zentriert.png?fit=max&auto=format&n=S0oalOEK5p4z7zxF&q=85&s=b3fc347c0ab650ba1cfe42c65847fbf4" alt="Footerboxen zentriert" width="5257" height="922" data-path="images/niu-plus-footer-anordnung-zentriert.png" />
    </Frame>
  </div>

  **auf Breite verteilt (between)**

  <div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
    <Frame>
      <img src="https://mintcdn.com/dzm/S0oalOEK5p4z7zxF/images/niu-plus-footer-anordnung-verteilt.png?fit=max&auto=format&n=S0oalOEK5p4z7zxF&q=85&s=7752b6d08f8f4c3cdd24910d0af3955b" alt="Footerboxen auf Breite verteilt" width="5249" height="947" data-path="images/niu-plus-footer-anordnung-verteilt.png" />
    </Frame>
  </div>
</ParamField>

***

## 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>

<ParamField path="Links in Footer Bottombar anzeigen" type="boolean">
  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.
</ParamField>

<ParamField path="Links in Footer Bottombar im Checkout anzeigen" type="boolean">
  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.
</ParamField>

***

## 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>

<ParamField path="Icons vergrößert anzeigen" type="boolean">
  Entscheide, ob die Icons für Zahlung, Versand und Social vergrößert angezeigt werden sollen.

  **XL**

  <div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
    <Frame>
      <img src="https://mintcdn.com/dzm/S0oalOEK5p4z7zxF/images/niu-plus-footer-icons-xl.png?fit=max&auto=format&n=S0oalOEK5p4z7zxF&q=85&s=2c4e38f7b13a9b233e46c3086dfb8bdf" alt="Icons XL" width="2228" height="944" data-path="images/niu-plus-footer-icons-xl.png" />
    </Frame>
  </div>

  **Normal**

  <div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
    <Frame>
      <img src="https://mintcdn.com/dzm/S0oalOEK5p4z7zxF/images/niu-plus-footer-icons-normal.png?fit=max&auto=format&n=S0oalOEK5p4z7zxF&q=85&s=cf33d94d12d913485a1eebbaa22c8065" alt="Icons normal" width="2218" height="894" data-path="images/niu-plus-footer-icons-normal.png" />
    </Frame>
  </div>
</ParamField>

***

## 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/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.

<ParamField path="Icons umranden" type="boolean">
  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>
</ParamField>

***

## 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.

<ParamField path="Icons umranden" type="boolean">
  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>
</ParamField>

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


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.