Abschnitte für Supply

Theme-Inhalte werden über Abschnitte erstellt. Abschnitte sind anpassbare Inhaltsblöcke, die das Layout und Erscheinungsbild verschiedener Seiten in deinem Onlineshop bestimmen.

Statische Abschnitte sind Abschnitte, die an vordefinierten Standorten in deinem Onlineshop angezeigt werden. Diese Abschnitte können nicht entfernt oder neu angeordnet werden. Statische Abschnitte können Kopfzeilen, Fußzeilen, Navigations Abschnitte oder Inhaltsabschnitte auf Seiten wie Produktseiten und Kategorieseiten enthalten. So bestimmt beispielsweise der Abschnitt Produkt das Erscheinungsbild jeder Produktseite in deinem Onlineshop.

Dynamische Abschnitte sind optionale Abschnitte, die du verwenden kannst, um das Layout deiner Startseite anzupassen. Auf der Startseite deines Shops kannst du dynamische Abschnitte Hinzufügen, Neu anordnen und Entfernen, um das Seitenlayout zu erstellen. Du kannst bis zu 25 dynamische Abschnitte auf deiner Startseite haben.

Erfahren Si mehr über die einzigartige Auswahl an Abschnitten von Supply und wie du diese optimale an dein Geschäft anpasst.

Statische Abschnitte

Supply enthält die folgenden statischen Abschnitte:

  • Header
  • Fußzeile
  • Produkt
  • Kategorie
  • Listenseite für Kategorien
  • Artikelseiten

Dynamische Abschnitte

Supply enthält die folgenden dynamischen Abschnitte:

  • Blog-Beiträge
  • Kategorieliste
  • Vorgestellte Kategorie
  • Bild mit Text
  • Slideshow
  • Vorgestelltes Produkt
  • Newsletter
  • Karte
  • Rich Text
  • Video
  • Personalisierter Content

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

Du kannst die folgenden Elemente in deinem Header anpassen:

  • Logo
  • Ankündigungsleiste
  • Menü

Hinzufügen eines benutzerdefinierten Logos

Du kannst ein benutzerdefiniertes Logobild zum Header deines Shops hinzufügen. Das beste Format ist eine .png-Datei mit transparentem Hintergrund. Supply sieht am besten mit einem Logo aus, das 400 Pixel breit ist. Du kannst die Größe des Logobilds durch Verkleinerung oder Vergrößerung der Breite ändern. Erhöhe den Wert nicht über die ursprüngliche Breite des Logos hinaus. Wenn du dies tust, kann es zu Verzerrungen und einem Verlust der Bildqualität kommen.

  1. Klicke auf Header.
  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, klicke auf den Tab Bibliothek.
    • Um ein Bild auf deinem lokalen Computer auszuwählen, klickst du auf Bibliothek > Hochladen. 6. Gib die Breite des Logos in das Feld Benutzerdefinierte Logobreite ein.
  3. Klicke auf Speichern.

Hinzufügen einer Ankündigungsleiste

Du kannst im Header auch eine Ankündigungsleiste hinzufügen, um Kunden eine Nachricht anzuzeigen. Deine Nachricht lässt sich benutzerdefiniert anpassen und kann Kontaktdaten, Informationen zu Events oder Sales-Aktionen in deinem Shop oder den Slogan oder die Markenbotschaft deines Shops enthalten. Die Nachricht kann maximal 55 Zeichen enthalten.

  1. Klicke auf Header.
  2. Aktiviere im Bereich Ankündigungsleiste die Option Ankündigung anzeigen.
  3. Gib den Text für deine Ankündigung ein.
  4. Optional: Gib eine URL ein, um einen Link zu deiner Ankündigung hinzuzufügen.
  5. Um die Farbe des Hintergrunds der Ankündigungleisten zu ändern, klicke auf das Farbfeld für die Leiste und wähle eine Farbe aus.
  6. Um die Farbe des Ankündigungstexts zu ändern, klicke auf das Farbfeld Text und wähle eine Farbe aus.
  7. Klicke auf Speichern.

Menü hinzufügen

Du kannst deinem Header ein Menü hinzufügen. Dadurch werden alle Links des Menüs in deinem Header angezeigt. So kannst du häufig aufgerufene Seiten hervorheben, die deine Kunden besonders interessieren könnten. Du kannst z. B. ein Menü hinzufügen, das Links zu deinen Kategorien enthält.

  1. Klicke auf Header.

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

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

  4. 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:

  • Social-Media-Symbole
  • Zahlungssymbole
  • horizontales Menü
  • Newsletter-Anmeldung
  • benutzerdefinierter Text
  • Quick-Links

Hinzufügen von Social-Media-Symbolen

Du kannst eine Option aktivieren, um Symbole für soziale Medien in der Fußzeile deines Onlineshops anzuzeigen. In den Theme-Einstellungen kannst du festlegen, welche Symbole in der Fußzeile angezeigt werden.

  1. Klicke dann auf Fußzeile.
  2. Aktiviere die Option Social-Media-Symbole anzeigen.
  3. Klicke auf Speichern.

Hinzufügen von Zahlungssymbolen

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.

  1. Klicke dann auf Fußzeile.

  2. Siehe Zahlungs-Symbole anzeigen.

  3. Klicke auf Speichern.

Hinzufügen eines horizontalen Menüs

Du kannst ein Menü zu deiner Fußzeile hinzufügen. Hier werden alle Links des Menüs in einer horizontalen Leiste am unteren Rand der Fußzeile angezeigt. Du kannst dieses Menü verwenden, um auf häufig besuchte Seiten zu verlinken, damit deine Kunden schnell darauf zugreifen können. Du könntest zum Beispiel ein Menü hinzufügen, das Links zu deinen Versand- und Rückgaberichtlinien enthält.

  1. Klicke dann auf Fußzeile.
  2. Bearbeite die Einstellung Rechtliches Menü. 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.
  3. Um das Menü zu bearbeiten, klicke auf Menü Bearbeiten.
  4. Klicke auf Speichern.

Hinzufügen eines Menüs, einer Newsletter-Anmeldung oder eines Texts

Du kannst bis zu neun Inhaltsblöcke zu deiner Fußzeile hinzufügen.

  1. Klicke auf Fußzeile.

  2. Um einen Inhalts-Block in den Inhalts-Bereich hinzuzufügen, klicke auf Inhalt hinzufügen. Wähle den Blocktyp aus den folgenden Optionen aus:

- [Menu](/manual/online-store/os/menus-and-links)

- [Newsletter](/manual/online-store/os/using-themes/change-the-layout/theme-settings/theme-newsletter)

- Text

Um einen Inhaltsblock zu entfernen, klicke auf den Block und dann auf Inhalt entfernen.

Um einen Inhaltsblock anzupassen, klicke auf den Block und bearbeite die Einstellungen.

  1. Klicke auf Speichern.

Produkt

Der Abschnitt Produkt ist der anpassbare Hauptabschnitt für Produktseiten. Du kannst diesen Abschnitt mit den folgenden Optionen anpassen:

  • Aktivieren des Bildzooms – Biete Kunden die Möglichkeit, ein Produktbild heranzuzoomen, indem sie mit der Maus darüberfahren.
  • Mengenauswahl anzeigen – Lasse von Benutzern eine Menge angeben, die ihrem Warenkorb hinzugefügt werden soll.
  • Meldung zur verbleibenden Restmenge anzeigen – Zeige deinen verbleibenden Lagerbestand an, wenn das Inventar fast leer ist. Die Meldung über die verbleibende Menge erscheint, wenn von der ausgewählten Variante neun oder weniger Artikel auf Lager sind. Damit diese Nachricht angezeigt wird, musst du die Inventarverfolgung für das Produkt aktivieren.
  • Meldung zu eingehendem Inventar bei Ausverkauf anzeigen – Zeige eine Nachricht, die angibt, wann ein ausverkauftes Produkt wieder vorrätig sein wird. Die Nachricht, die angezeigt wird, lautet "Wird nach dem [Datum] auf Lager sein". Damit diese Nachricht angezeigt wird, musst du einen Transfer für das Produkt erstellen, um eingehendes Inventar zu erfassen.
  • Anbieter anzeigen – Zeige die Marke oder den Anbieter eines Produkts an. Damit eine Marke oder ein Produktanbieter angezeigt werden kann, musst du dem Produkt einen Anbieter hinzufügen.
  • Gesparten Betrag anzeigen – Zeige den Betrag an, den der Kunde spart. Der gesparte Betrag ist die Differenz zwischen dem regulären Preis und dem Vergleichspreis des Produkts. Damit der gesparte Betrag angezeigt wird, musst du einen Vergleichspreis für das Produkt festlegen.
  • Vergleichspreis anzeigen – Zeige den Vergleichspreis für das Produkt an.
  • Ähnliche Produkte anzeigen – Zeige eine Auswahl ähnlicher Produkte unten auf der Seite an. Die Kategorie, zu der das Produkt gehört, bestimmt die ähnlichen Produkte, die in diesem Abschnitt angezeigt werden. Damit ähnliche Produkte angezeigt werden, musst du das Produkt zu einer vorhandenen Kategorie hinzufügen. Wenn das Produkt nicht Teil einer Kategorie ist oder das Produkt der einzige Artikel in der Kategorie ist, werden keine ähnlichen Produkte angezeigt.
  • Dynamische Checkout-Buttons anzeigen – Kunden können den Warenkorb überspringen und von dem Abschnitt „Vorgestellte Produkte“ direkt zum Checkout gehen.
  • Teilen von Produkten aktivieren – Zeige Schaltflächen an, mit denen Kunden Produkte in den sozialen Medien teilen können. Die angezeigten Optionen zum Teilen werden in deinen Theme-Einstellungen festgelegt.
  • Produktbewertungen aktivieren – Füge einen Abschnitt mit Produktbewertungen zur Seite hinzu. Damit Bewertungen angezeigt werden, musst du die kostenlose Product Reviews-App von Shopify installieren und Bewertungen für dein Produkt erhalten.
  • Variantenauswahl und Schaltflächengröße – Wähle in diesem Dropdown-Menü eine Option aus, um die Größe der Variantenauswahl, der Schaltfläche In den Warenkorb und des dynamischen Checkout-Buttons festzulegen.

Produkteinstellungen bearbeiten

  1. Wähle Produktseiten aus.
  2. Klicke auf den Abschnitt Produkt.
  3. Verwende die Einstellungen, um deinen Produktabschnitt anzupassen.
  4. Klicke auf Speichern.

Kategorie

Der Abschnitt Kategorie ist der anpassbare Hauptabschnitt für die Bearbeitung von Kategorieseiten.

Der Kategorieabschnitt umfasst die folgenden Einstellungen:

  • Produkte pro Zeile – Lege fest, wie viele Produkte in jeder Zeile auf der Kategorieseite angezeigt werden sollen.
  • Zeilen pro Seite (nur Raster) – Wähle die Anzahl der Zeilen mit Produkten aus, die auf der Kategorieseite angezeigt werden.
  • Produktfilter in Seitenleiste – Wähle aus, ob Kategorien in der Seitenleiste nach Produkt-Tags oder nach Filtergruppen sortiert werden sollen.
  • Vergleichspreis anzeigen – Zeige den Vergleichspreis für das Produkt an.
  • Gesparten Betrag anzeigen – Zeige den Betrag an, den der Kunde spart. Der gesparte Betrag ist die Differenz zwischen dem regulären Preis und dem Vergleichspreis des Produkts. Damit der gesparte Betrag angezeigt wird, musst du einen Vergleichspreis für das Produkt festlegen.
  • Produktbewertungen aktivieren – Zeige Bewertungsbadges auf der Seite an. Damit Bewertungen angezeigt werden, musst du die kostenlose Product Reviews-App von Shopify installieren und Bewertungen für dein Produkt erhalten.
  • Seitenleiste aktivieren – Zeige eine Seitenleiste an, damit Kunden deine Produkte mithilfe des ausgewählten Filtertyps filtern können.

Kategorieeinstellungen bearbeiten

  1. Wähle Kategorieseiten.
  2. Klicke auf den Abschnitt Kategorie.
  3. Verwende die Einstellungen, um deinen Kategorieabschnitt anzupassen.
  4. Klicke auf Speichern.

Kategorieliste

Verwende den Abschnitt Kategorieliste, um bis zu sechs Produktkategorien auf deiner Startseite vorzustellen.

Eine Kategorieliste zu deiner Startseite hinzufügen

  1. Klicke auf Abschnitt hinzufügen. 2. Klicke auf Kategorieliste und dann auf Auswählen. 3. Um Kategorien zum Abschnitt hinzuzufügen, passe jeden Block Kategorie an: * Klicke auf einen Kategorieblock und dann auf Eine Kategorie auswählen. * Wähle in der Dropdown-Liste Kategorie eine Kategorie aus, die angezeigt werden soll, oder klicke auf Kategorie erstellen, um eine neue Kategorie anzulegen. * Klicke auf Auswählen. 4. Wenn du weitere Kategorieblöcke hinzufügen möchtest, klicke auf Kategorie hinzufügen. 5. Klicke auf Speichern.

Vorgestellte Kategorie

Sie können eine Kategorie auf Ihrer Startseite vorstellen. Mit Kategorien können Sie Werbung für Verkäufe und neue Kollektionen machen.

Der Abschnitt "Vorgestellte Kategorie" umfasst die folgenden Einstellungen:

  • Überschrift – Füge eine Überschrift für den Abschnitt „Vorgestellte Kategorie“ hinzu.
  • Kategorie – Wähle die Kategorie aus, die im Abschnitt angezeigt wird.
  • Produkte pro Zeile – Lege fest, wie viele Produkte in jeder Zeile im Abschnitt angezeigt werden sollen.
  • Zeilen – Lege fest, wie viele Zeilen mit Produkten im Abschnitt angezeigt werden sollen.
  • Gesparten Betrag anzeigen – Zeige den Betrag an, den der Kunde spart. Der gesparte Betrag ist die Differenz zwischen dem regulären Preis und dem Vergleichspreis des Produkts. Damit der gesparte Betrag angezeigt wird, musst du einen Vergleichspreis für das Produkt festlegen.
  • Vergleichspreis anzeigen – Zeige den Vergleichspreis für das Produkt an.

Eine Vorgestellte Kategorie zu deiner Startseite hinzufügen

  1. Klicke auf Abschnitt hinzufügen. 2. Klicke auf Vorgestellte Kategorie und dann auf Auswählen. 3. Klicke auf Kategorie auswählen, wähle eine Kategorie aus, die angezeigt werden soll, und klicke dann auf Auswählen. 4. Verwende die Einstellungen, um den Abschnitt "Vorgestellte Kategorie" anzupassen. 5. Klicke auf Speichern.

Slideshow

Im Abschnitt Slideshow kannst du Bilder hochladen, um sie für eine Slideshow auf deiner Startseite zu verwenden.

Du kannst bis zu 6 Folienbilder für deine Startseite auswählen. Du kannst jeder Folie einen Link hinzufügen, auf den deine Kunden klicken können, um eine Seite in deinem Shop zu öffnen.

Jedes Folienbild sollte 1000 Pixel breit und 500 Pixel hoch sein. Wenn du Slideshow-Bilder mit unterschiedlichen Höhen verwendest, können die Bilder zwischen den Überblendungen möglicherweise springen oder unzusammenhängend erscheinen.

Der Slideshow-Abschnitt umfasst die folgenden Einstellungen:

Inhalt

  • Bild – Füge ein Bild hinzu, das auf der Folie deiner Slideshow angezeigt werden soll.
  • Link URL – Verlinke deine Folie mit einem anderen Bereich deines Onlineshops.

Einstellungen

  • Auto-rotieren der Folien – Lege fest, dass die Slideshow automatisch abgespielt wird.
  • Übergangszeit – Lege fest, wie oft Folien geändert werden sollen.

Slideshow anpassen

  1. Klicke auf Abschnitt hinzufügen.
  2. Klicke auf Slideshow und dann auf Auswählen.
  3. Wenn du Bilder zur Slideshow hinzufügen möchtest, klicke auf einen Bildblock, um ihn anzupassen:
    1. Klicke 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, klicke auf den Tab Bibliothek.
  4. Um ein Stock-Foto aus Burst auszuwählen, klicke auf Kostenlose Bilder. Von hier aus kannst du einen Suchbegriff eingeben oder die verschiedenen Bildkategorien durchsuchen.
  5. Um ein Bild von deinem Computer auszuwählen, klicke auf den Tab Bibliothek und dann auf Hochladen.

    1. Führe einen der folgenden Schritte aus, wenn du der Folie einen Link hinzufügen möchtest: - Wenn du den Text auf deiner Folie mit einer Seite in deinem Shop verlinken möchtest, klicke in das Feld URL verlinken und wähle eine Seite aus.
    2. Wenn du den Text auf deiner Folie mit einer Website verknüpfen möchtest, füge die URL der Website in das Feld Link URL ein.
  6. Verwende die Einstellungen, um deine Slideshow anzupassen.

  7. Klicke auf Speichern.

Newsletter

Sie können eine Newsletter-Anmeldung zu Ihrer Startseite hinzufügen. Auf diese Weise können Sie e-Mail-Adressen von Kunden für e-Mail-Marketing Kampagnen erfassen. Im Shopify-Blogkönnen Sie mehr über e-Mail-Marketing erfahren.

Newsletter-Anmeldung zu deiner Startseite hinzufügen

  1. Klicke auf Abschnitt hinzufügen.

  2. Klicke auf Newsletter und dann auf Auswählen.

  3. Gib eine Überschrift für deine Newsletter-Anmeldung ein.

  4. Gib eine Unterüberschrift für deine Newsletter-Anmeldung ein.

  5. Klicke auf Speichern.

Karte

Du kannst eine Google-Karte zu deiner Startseite hinzufügen, um Kunden zu zeigen, wo sich dein Geschäft befindet.

Der Kartenabschnitt umfasst die folgenden Einstellungen:

  • Überschrift – Füge eine Überschrift zu deinem Kartenabschnitt hinzu.
  • Adresse und Öffnungszeiten – Füge die Adresse und die Öffnungszeiten deines Shops zu deinem Kartenabschnitt hinzu.
  • Kartenadresse – Lege fest, dass auf der Karte der Standort deines Shops angezeigt wird.
  • Bezeichnung für Kartenlink – Füge eine Schaltfläche hinzu, die auf deinen Standort in Google Maps verlinkt.
  • Pin anzeigen – Füge einen Pin hinzu, der den genauen Standort deines Shops auf der Karte anzeigt.
  • API-Schlüssel für Google Maps – Füge den API-Schlüssel deiner Karte zum Kartenabschnitt hinzu.
  • Bild – Füge ein Bild hinzu, das angezeigt werden soll, wenn die Karte nicht geladen wird.
  • Bildposition – Lege die Position des Bildes fest.

Eine Karte zu deiner Startseite hinzufügen

  1. Klicke auf Abschnitt hinzufügen.
  2. Klicke auf Karte und dann auf Auswählen.
  3. Verwende die Einstellungen, um deinen Kartenabschnitt anzupassen.
  4. Klicke auf Speichern.

Rich Text

Verwende den Abschnitt Rich Text, um alle schriftlichen Inhalte bereitzustellen, die du auf deiner Startseite anzeigen möchtest, oder um eine beliebige in deinem Shopify-Adminbereich erstellte Seite einzubetten. Du kannst zum Beispiel bevorstehende Veranstaltungen durch Einbetten deiner Blog-Seite oder durch die Anzeige einer Seite mit einem der folgenden Elemente präsentieren:

Der Rich Text-Abschnitt umfasst die folgenden Einstellungen:

  • Überschrift – Füge eine Überschrift zu deinem Rich Text-Abschnitt hinzu.
  • Text – Gib benutzerdefinierten Text ein und formatiere ihn. Wenn du eine Seite aus deinem Shop hinzufügen möchtest, klicke auf Inhalte hinzufügen und dann auf Seite. Wählen Sie im Dropdown-Menü eine Seite aus, die als Startseite angezeigt werden soll.
  • Größe – Lege die Größe deines Textes fest.

Rich Text zu deiner Startseite hinzufügen

  1. Klicke auf Abschnitt hinzufügen.

  2. Klicke auf Rich Text und dann auf Auswählen.

  3. Verwende die Einstellungen, um deinen Rich Text-Abschnitt anzupassen.

  4. Klicke auf Speichern.

Video

Du kannst ein YouTube- oder Vimeo-Video zu deiner Startseite hinzufügen. Videos können Kunden gewinnen und Interesse an deinem Geschäft wecken.

Um ein Video hinzuzufügen, musst du den Link zum Teilen des Videos finden:

  • YouTube – Ein YouTube-Link zum Teilen sieht so aus: https://youtu.be/Oc5v_ToKP7c. In diesem Hilfeartikel von YouTube erfährst du, wie du einen Link zum Teilen für ein YouTube-Video kopierst.
  • Vimeo – Ein Vimeo-Link zum Teilen sieht so aus: https://vimeo.com/123456789. In diesem Artikel des Vimeo-Hilfecenters erfahren Sie, wie du den Link zum Teilen eines Vimeo-Videos kopierst.

Der Videoabschnitt umfasst die folgenden Einstellungen:

  • Überschrift – Füge eine Überschrift zu deinem Videoabschnitt hinzu.
  • Videolink – Füge den Link zum Teilen für dein Video hinzu.

Ein Video zu deiner Startseite hinzufügen

  1. Klicke auf Abschnitt hinzufügen.
  2. Klicke auf Video und dann auf Auswählen.
  3. Verwende die Einstellungen, um deinen Videoabschnitt anzupassen.
  4. Klicke auf Speichern.

Personalisierter Content

Im Abschnitt Benutzerdefinierte Inhalte kannst du mehrere Inhaltsblöcke zusammen gruppieren. Die Breite und Ausrichtung jedes Blocks kann angepasst werden, um ein benutzerdefiniertes Layout zu erstellen.

Du kannst mit HTML Textblöcke formatieren, Tabellen erstellen oder Inhalte von einer anderen Website einbetten. Du kannst bis zu neun Benutzerdefiniertes HTML-Blöcke zu einem Abschnitt mit benutzerdefinierten Inhalten hinzufügen.

Jeder Block Benutzerdefiniertes HTML umfasst die folgenden Einstellungen:

  • HTML – Gib den HTML-Code ein, den du auf deiner Startseite anzeigen möchtest.
  • Containerbreite – Lege die Breite deines benutzerdefinierten HTML-Blocks fest.
  • Vertikale Ausrichtung – Lege die vertikale Position des Inhalts im Block fest.

Benutzerdefinierte Inhalte zu deiner Startseite hinzufügen

  1. Klicke auf Abschnitt hinzufügen.

  2. Klicke auf Benutzerdefinierte Inhalte und dann auf Auswählen.

  3. Wähle die Inhaltsblöcke aus, die du in den Abschnitt aufnehmen möchtest.

  4. Klicke auf Speichern.

Bereit, mit Shopify zu verkaufen?

Kostenlos ausprobieren