Statische Abschnitte für Brooklyn

Brooklyn enthält Abschnitte, die auf jeder Seite deines Onlineshops angezeigt werden. Erfahre, wie du diese Abschnitte an dein Geschäft anpasst.

Der Header deines Themes ist der Abschnitt, der oben auf jeder Seite deines Shops angezeigt wird.

Mit Brooklyn kannst du deinem Header die folgenden Elemente hinzufügen:

  • Ein Logo
  • Ein Navigationsmenü
  • Eine Ankündigungsleiste

Du kannst auch die Farbe deiner Header-Links und -Symbole ändern.

Wenn du den transparenten Header auf deiner Startseite aktivieren möchtest, kannst du ein separates Logo und andere Farben für deinen Startseiten-Header auswählen.

Hinzufügen eines benutzerdefinierten Logos

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">Desktop</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>Gehe in deinem Shopify-Adminbereich auf <strong>Onlineshop</strong> &gt; <strong>Themes</strong>.
</li></ol></div><div class="iphone changeable-content"><ol>
<li>Tippe in der <a href="https://www.shopify.com/install/detect">Shopify App</a> auf <strong>Shop</strong>.
</li><li>Tippe unter <strong>Vertriebskanäle</strong> auf <strong>Onlineshop</strong>.
</li><li>Tippe auf <strong>Themes verwalten</strong>.
</li></ol></div><div class="android changeable-content"><ol>
<li>Tippe in der <a href="https://www.shopify.com/install/detect">Shopify App</a> auf <strong>Shop</strong>.
</li><li>Tippe unter <strong>Vertriebskanäle</strong> auf <strong>Onlineshop</strong>.
</li><li>Tippe auf <strong>Themes verwalten</strong>.
</li></ol></div>
</div>



1. Klicke neben **Brooklyn** auf **Anpassen**.
  1. Klicke auf Kopfzeile.

  2. Klicke im Bereich Logobild auf Bild auswählen und führe dann einen der folgenden Schritte aus:

- Um ein Bild auszuwählen, das du bereits in deinen Shopify-Adminbereich hochgeladen hast, klickst du auf den Tab Bibliothek. - Um ein kostenloses Bild aus Burst zu verwenden, klickst du auf Kostenlose Bilder. - Um ein Bild auf deinem lokalen Computer auszuwählen, klickst du auf Bibliothek > Hochladen.

  1. Mit dem Schieberegler Benutzerdefinierte Logobreite kannst du die Breite des Logos anpassen.

  2. Klicken Sie auf Speichern.

Sie können die folgenden Navigationseinstellungen anpassen:

  • Suchtyp – Lege den Stil der Suchfunktion für den Header fest.
  • Menü – Lege das Menü fest, das im Header angezeigt wird.
  • Zusätzliches Menü – Füge ein zweites Menü zu deinem Seitenleistenmenü hinzu. Ein Seitenleistenmenü wird anstelle eines Header-Menüs angezeigt, wenn das Hauptmenü viel Platz beansprucht. Unter Tipps für Brooklyn erfährst du mehr.
  • Suche aktivieren – Zeigen Sie eine Suchleiste im Menü der Seitenleiste an.
  1. Klicke neben Brooklyn auf Anpassen.

  2. Klicke auf Kopfzeile.

  3. Passe im Bereich Navigation deine Navigationseinstellungen an.

  4. Klicke auf Speichern.

Hinzufügen einer Ankündigungsleiste

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">Desktop</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>Gehe in deinem Shopify-Adminbereich auf <strong>Onlineshop</strong> &gt; <strong>Themes</strong>.
</li></ol></div><div class="iphone changeable-content"><ol>
<li>Tippe in der <a href="https://www.shopify.com/install/detect">Shopify App</a> auf <strong>Shop</strong>.
</li><li>Tippe unter <strong>Vertriebskanäle</strong> auf <strong>Onlineshop</strong>.
</li><li>Tippe auf <strong>Themes verwalten</strong>.
</li></ol></div><div class="android changeable-content"><ol>
<li>Tippe in der <a href="https://www.shopify.com/install/detect">Shopify App</a> auf <strong>Shop</strong>.
</li><li>Tippe unter <strong>Vertriebskanäle</strong> auf <strong>Onlineshop</strong>.
</li><li>Tippe auf <strong>Themes verwalten</strong>.
</li></ol></div>
</div>



1. Klicke neben **Brooklyn** auf **Anpassen**.
  1. Klicke auf Abschnitte.

  2. Klicke auf Kopfzeile.

  3. Aktiviere im Bereich Ankündigungsleiste die Option Ankündigung anzeigen. Wähle die Option Nur Startseite, um die Ankündigung nur auf der Startseite anzuzeigen.

  4. Gib den Text für die Ankündigung in das Feld Text ein.

    1. Optional: Geben Sie eine URL in das Feld Link ein, um einen Link zu ihrer Ankündigung hinzuzufügen.
  5. Um die Hintergrundfarbe der Ankündigungsleiste zu ändern, klickst du auf das Farbfeld Leiste und wählst eine Farbe aus.

  6. Um die Farbe des Ankündigungstexts zu ändern, klickst du auf das Farbfeld Text und wählst eine Farbe aus.

  7. Klicke auf Speichern.

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">Desktop</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>Gehe in deinem Shopify-Adminbereich auf <strong>Onlineshop</strong> &gt; <strong>Themes</strong>.
</li></ol></div><div class="iphone changeable-content"><ol>
<li>Tippe in der <a href="https://www.shopify.com/install/detect">Shopify App</a> auf <strong>Shop</strong>.
</li><li>Tippe unter <strong>Vertriebskanäle</strong> auf <strong>Onlineshop</strong>.
</li><li>Tippe auf <strong>Themes verwalten</strong>.
</li></ol></div><div class="android changeable-content"><ol>
<li>Tippe in der <a href="https://www.shopify.com/install/detect">Shopify App</a> auf <strong>Shop</strong>.
</li><li>Tippe unter <strong>Vertriebskanäle</strong> auf <strong>Onlineshop</strong>.
</li><li>Tippe auf <strong>Themes verwalten</strong>.
</li></ol></div>
</div>



1. Klicke neben **Brooklyn** auf **Anpassen**.
  1. Klicke auf Abschnitte.

  2. Klicke auf Kopfzeile.

  3. Klicke auf das Farbfeld neben Links und Symbole und wähle eine Farbe aus.

  4. Klicke auf Speichern.

Transparenten Header aktivieren

Wenn du dein Header-Logo und deinen Header-Text über einer Slideshow auf deiner Startseite anzeigen möchtest, kannst du den transparenten Header aktivieren. Du solltest diese Option nur auswählen, wenn der obere Abschnitt deines Shops eine Slideshow ist.

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">Desktop</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>Gehe in deinem Shopify-Adminbereich auf <strong>Onlineshop</strong> &gt; <strong>Themes</strong>.
</li></ol></div><div class="iphone changeable-content"><ol>
<li>Tippe in der <a href="https://www.shopify.com/install/detect">Shopify App</a> auf <strong>Shop</strong>.
</li><li>Tippe unter <strong>Vertriebskanäle</strong> auf <strong>Onlineshop</strong>.
</li><li>Tippe auf <strong>Themes verwalten</strong>.
</li></ol></div><div class="android changeable-content"><ol>
<li>Tippe in der <a href="https://www.shopify.com/install/detect">Shopify App</a> auf <strong>Shop</strong>.
</li><li>Tippe unter <strong>Vertriebskanäle</strong> auf <strong>Onlineshop</strong>.
</li><li>Tippe auf <strong>Themes verwalten</strong>.
</li></ol></div>
</div>



1. Klicke neben **Brooklyn** auf **Anpassen**.
  1. Klicke auf Abschnitte.

  2. Klicke auf Kopfzeile.

  3. Aktiviere im Bereich Transparenter Header die Option Transparenten Header auf der Startseite aktivieren.

  4. Optional: Klicke im Bereich Transparentes Logo auf Bild auswählen und führe anschließend einen der folgenden Schritte aus:

- Um ein Bild auszuwählen, das du bereits in deinen Shopify-Adminbereich hochgeladen hast, klicke auf den Tab Bibliothek. - Um ein kostenloses Bild aus Burst zu verwenden, klickst du auf Kostenlose Bilder. - Um ein Bild auf deinem lokalen Computer auszuwählen, klickst du auf Bibliothek > Hochladen.

  1. Um die Farbe der Links und Symbole zu ändern, klicke auf das Farbfeld neben Transparente Header-Links und -Symbole und wähle eine Farbe aus.

  2. Klicke auf Speichern.

Fußzeile

Die Fußzeile Ihres Themes ist der Abschnitt, der unten auf jeder Seite Ihres Shops angezeigt wird. Du kannst die folgenden Funktionen zu deiner Fußzeile hinzufügen:

  • Zahlungssymbole
  • eine Sprachauswahl
  • eine Währungsauswahl
  • ein Menü

Zahlungs Symbole hinzufügen

Du kannst in deiner Fußzeile Symbole für die von dir akzeptierten Zahlungsmethoden anzeigen. In diesem Bereich werden die Symbole angezeigt, die mit dem Zahlungsanbieter verknüpft sind, den du im Abschnitt Zahlungseinstellungen in deinem Adminbereich aktiviert hast.

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">Desktop</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>Gehe in deinem Shopify-Adminbereich auf <strong>Onlineshop</strong> &gt; <strong>Themes</strong>.
</li></ol></div><div class="iphone changeable-content"><ol>
<li>Tippe in der <a href="https://www.shopify.com/install/detect">Shopify App</a> auf <strong>Shop</strong>.
</li><li>Tippe unter <strong>Vertriebskanäle</strong> auf <strong>Onlineshop</strong>.
</li><li>Tippe auf <strong>Themes verwalten</strong>.
</li></ol></div><div class="android changeable-content"><ol>
<li>Tippe in der <a href="https://www.shopify.com/install/detect">Shopify App</a> auf <strong>Shop</strong>.
</li><li>Tippe unter <strong>Vertriebskanäle</strong> auf <strong>Onlineshop</strong>.
</li><li>Tippe auf <strong>Themes verwalten</strong>.
</li></ol></div>
</div>



1. Klicken Sie neben **Brooklyn**auf **Anpassen**.
  1. Klicken Sie auf Abschnitte.

  2. Klicke dann auf Fußzeile.

  3. Siehe Zahlungs-Symbole anzeigen.

  4. Klicke auf Speichern.

Menü hinzufügen

Du kannst ein Menü zu deiner Fußzeile hinzufügen. Dadurch werden alle Links des Menüs in deiner Fußzeile angezeigt, mit denen du häufig verwendete Seiten hervorheben kannst, auf die deine Kunden zugreifen möchten. Du kannst z. B. ein Menü hinzufügen, das Links zu deiner Kontaktseite, der Seite mit den Versandinformationen und deiner Datenschutzerklärung enthält.

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">Desktop</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>Gehe in deinem Shopify-Adminbereich auf <strong>Onlineshop</strong> &gt; <strong>Themes</strong>.
</li></ol></div><div class="iphone changeable-content"><ol>
<li>Tippe in der <a href="https://www.shopify.com/install/detect">Shopify App</a> auf <strong>Shop</strong>.
</li><li>Tippe unter <strong>Vertriebskanäle</strong> auf <strong>Onlineshop</strong>.
</li><li>Tippe auf <strong>Themes verwalten</strong>.
</li></ol></div><div class="android changeable-content"><ol>
<li>Tippe in der <a href="https://www.shopify.com/install/detect">Shopify App</a> auf <strong>Shop</strong>.
</li><li>Tippe unter <strong>Vertriebskanäle</strong> auf <strong>Onlineshop</strong>.
</li><li>Tippe auf <strong>Themes verwalten</strong>.
</li></ol></div>
</div>



1. Klicken Sie neben **Brooklyn**auf **Anpassen**.
  1. Klicke auf Abschnitte.

  2. Klicke dann auf Fußzeile.

  3. Um ein Menü auszuwählen, klicke auf Ändern. Wähle ein Menü aus der Liste aus oder klicke auf Menü erstellen, um ein neues zu erstellen.

  4. Um das Menü zu bearbeiten, klicke auf Menü bearbeiten.

  5. Klicke auf Speichern.

Eine Sprachauswahl hinzufügen

Du solltest nur dann eine Sprachauswahl hinzufügen, wenn du mehrere Shop-Sprachen aktiviert hast.

  1. Klicken Sie neben Brooklynauf Anpassen.

  2. Klicke auf Abschnitte.

  3. Klicke dann auf Fußzeile.

  4. Wähle unter Sprachauswahl die Option Sprachauswahl anzeigen aus.

  5. Klicke auf Speichern.

Währungsauswahl hinzufügen

Du solltest nur dann eine Währungsauswahl hinzufügen, wenn du mehrere Währungenaktiviert hast.

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">Desktop</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>Gehe in deinem Shopify-Adminbereich auf <strong>Onlineshop</strong> &gt; <strong>Themes</strong>.
</li></ol></div><div class="iphone changeable-content"><ol>
<li>Tippe in der <a href="https://www.shopify.com/install/detect">Shopify App</a> auf <strong>Shop</strong>.
</li><li>Tippe unter <strong>Vertriebskanäle</strong> auf <strong>Onlineshop</strong>.
</li><li>Tippe auf <strong>Themes verwalten</strong>.
</li></ol></div><div class="android changeable-content"><ol>
<li>Tippe in der <a href="https://www.shopify.com/install/detect">Shopify App</a> auf <strong>Shop</strong>.
</li><li>Tippe unter <strong>Vertriebskanäle</strong> auf <strong>Onlineshop</strong>.
</li><li>Tippe auf <strong>Themes verwalten</strong>.
</li></ol></div>
</div>



1. Klicken Sie neben **Brooklyn**auf **Anpassen**.
  1. Klicke auf Abschnitte.

  2. Klicken Sie auf Fußzeile.

  3. Wähle unter Währungsauswahl die Option Währungsauswahl anzeigen.

Bereit, mit Shopify zu verkaufen?

Kostenlos ausprobieren