Abschnitte für Express

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 Express und wie du diese optimale an dein Geschäft anpasst.

Statische Abschnitte

Express enthält die folgenden statischen Abschnitte:

  • Header
  • Fußzeile
  • Produkt
  • Produktempfehlungen

Dynamische Abschnitte

Express enthält die folgenden dynamischen Abschnitte:

  • Vorgestellte Kategorien
  • Vorgestelltes Produkt
  • Benutzerdefinierte Inhalte
  • Bild mit Text

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

Sie können die folgenden Elemente in ihrer Kopfzeile anpassen:

  • Logo
  • Ankündigungsleiste
  • Menü
  • Suche

Ein benutzerdefiniertes Logo hinzufügen

Du kannst ein benutzerdefiniertes Logobild zum Header deines Shops hinzufügen. Das beste Format ist eine .png -Datei mit einem transparenten Hintergrund. Die maximale Breite für ein Logo lautet 180px. Du kannst die Größe des Logo Bildes ändern, indem du die Breite vergrößerst oder verkleinerst.

  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.
  3. Mit dem Schieberegler Benutzerdefinierte Logobreite kannst du die Breite des Logos anpassen.
  4. Klicke auf Speichern.

Eine Ankündigungsleiste hinzufügen

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 deines Shops 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. Optional: Wähle im Menü Symbol ein Symbol aus, das in der Ankündigungsleiste angezeigt werden soll. Das Symbol hat dieselbe Farbe wie dein Ankündigungstext.
  6. Um die Farbe des Hintergrunds der Ankündigungleisten zu ändern, klicke auf das Farbfeld für die Leiste und wähle eine Farbe aus.
  7. Um die Farbe des Ankündigungstexts zu ändern, klicke auf das Farbfeld Text und wähle eine Farbe aus.
  8. 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.

Suche aktivieren

Du kannst eine Suchoption zu deinem Header hinzufügen, damit Kunden schnell Artikel in deinem Shop finden können.

  1. Klicke auf Header.
  2. Aktiviere die Option Suche anzeigen.
  3. Klicke auf Speichern.

Fußzeile

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

  • Zahlungssymbole
  • ein Menü
  • Newsletter-Anmeldung
  • ein Textabschnitt mit Informationen zu deinem Geschäft
  • Social-Media-Symbole
  • Eine Sprachauswahl

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.

  1. Klicke dann auf Fußzeile.

  2. Siehe Zahlungs-Symbole anzeigen.

  3. Klicke auf Speichern.

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

  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

Du kannst bis zu vier Inhaltsblöcke hinzufügen.

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.

Social-Media-Symbole hinzufügen

  1. Klicke auf Theme-Einstellungen.

  2. Klicke auf Soziale Medien.

  3. Um ein Social-Sharing-Bild hochzuladen, klicke im Bereich Social-Sharing-Bild auf Bild auswählen oder auf Kostenlose Bilder entdecken.

  4. Füge Social-Sharing-Schaltflächen zu deinen Produkten und Blog-Beiträgen hinzu. Aktiviere dafür eine oder mehrere der folgenden Optionen:

- Auf Facebook teilen - Auf Twitter twittern - Auf Pinterest pinnen (nicht verfügbar für das Teilen von Blog-Beiträgen)

  1. Um Links zu deinen Social-Media-Konten hinzuzufügen, gib die Links zu deinen Konten in den dafür vorgesehenen Feldern unter Konten ein. Gib die vollständigen Links ein, z. B. https://instagram.com/shopify oder https://twitter.com/shopify.

    1. Wenn du den Stil der Sharing-Schaltflächen ändern möchtest, wähle im Menü Schaltflächenstil Vollständig gebrandet oder Nur Logo aus.
  2. Klicke auf Speichern.

Eine Sprachauswahl hinzufügen

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

  1. Klicke auf Abschnitte.

  2. Klicke dann auf Fußzeile.

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

  4. Klicke auf Speichern.

Produkt

Die Produktseite öffnet sich, wenn ein Käufer auf ein Produkt aus einer vorgestellten Kategorie klickt. Sie zeigt die Beschreibung, den Preis, Varianten und Bilder deines Produkts. Du kannst wählen, ob du die Besucher auf eine neue Seite leiten oder die Produktdetails in einer Überlagerung auf der Startseite anzeigen lassen möchtest. Diese Einstellung wird in deinen Theme-Einstellungen festgelegt. Wenn die Option Produktseiten in einer Überlagerung anzeigen aktiviert ist, wird die Produktseite als Überlagerung angezeigt, wenn ein Produkt aus einer vorgestellten Kategorie ausgewählt wird.

Der Produktabschnitt enthält die folgenden Einstellungen:

  • Mengenauswahl anzeigen – Lasse die Benutzer eine Menge angeben, die ihrem Warenkorb hinzugefügt werden soll.
  • Anbieter anzeigen – Lasse die Produktmarke oder den Anbieter auf der Produktseite anzeigen. Damit eine Marke oder ein Anbieter angezeigt werden können, musst du dem Produkt einen Anbieter hinzufügen.
  • Dynamische Checkout-Buttons anzeigen – Kunden können den Warenkorb überspringen und von dem Abschnitt „Vorgestellte Produkte“ direkt zum Checkout gehen.
  • Produktseiten als Überlagerung anzeigen – wähle diese Option, um Produktangaben in einer Überlagerung auf der aktuellen Seite anzuzeigen. Diese Überlagerung wird angezeigt, wenn ein Produkt aus einer vorgestellten Kategorie ausgewählt wird.
  • Social Sharing-Schaltflächen anzeigen – Zeige Schaltflächen an, mit denen deine Kunden deine Produkte in Social Media teilen können. Diese Schaltflächen werden in deinen Theme-Einstellungen festgelegt.

Produkteinstellungen bearbeiten

  1. Klicke auf Produkt.
  2. Verwende die Einstellungen, um deine Produktseite anzupassen.
  3. Klicke auf Speichern.

Produktempfehlungen

Du kannst Produktempfehlungen auf Produktseiten anzeigen, um Kunden das Entdecken anderer Produkte zu erleichtern, die sie interessieren könnten.

Wenn Produktseiten als Überlagerung anzeigen für deine Produktseite aktiviert ist, werden Produkte als Überlagerung über der aktuellen Seite angezeigt, wenn sie in diesem Bereich ausgewählt werden.

Produktempfehlungen aktivieren

  1. Wähle Produktseiten aus.

  2. Klicke auf den Abschnitt Produktempfehlungen.

  3. Aktiviere die Option Dynamische Empfehlungen anzeigen, um Produktempfehlungen auf deinen Produktseiten anzuzeigen.

  4. Optional: Um den Titel zu ändern, der über den Produktempfehlungen angezeigt wird, gib einen neuen Titel in das Feld Überschrift ein.

    1. Optional: Wenn du willst, dass Kunden direkt über den Abschnitt Produktempfehlungen Produkte zum Warenkorb hinzufügen können, wähle „Quick Buy“-Schaltfläche aktivieren aus.
    2. Optional: Um Anbieter in den Produktbeschreibungen ein- oder auszublenden, verwende das Kontrollkästchen Anbieter anzeigen.
  5. Klicke auf Speichern.

Vorgestellte Kategorien

Du kannst mehrere Kategorien in einem einzigen Abschnitt auf deiner Startseite anzeigen. Die Kategorien werden als Tabs angezeigt, zwischen denen die Kunden navigieren können.

Wenn ein Kunde ein oder mehrere Produkte aus einer vorgestellten Kategorie in seinen Warenkorb legt, wird die Menge des zum Warenkorb hinzugefügten Produkts als Badge auf dem Produkt angezeigt.

Ein Abschnitt für vorgestellte Kategorien, der mehrere Kategorien enthält. Die Kategorienamen erscheinen als anklickable Tabs am oberen Rand des Abschnitts.

Der Abschnitt "Vorgestellte Kategorien" umfasst die folgenden Einstellungen:

  • Kategorie – Wähle die Kategorien aus, die du im Abschnitt "Vorgestellte Kategorien" einschließen möchtest.
  • Kategorielistengröße – Wähle aus, wie viele Produkte standardmäßig angezeigt werden sollen. Diese Einstellung gilt für alle Kategorien im Abschnitt Vorgestellte Kategorien. - Klein -6 Produkte

    • Mittel – 18 Produkte
    • Groß – 36 Produkte
  • Bildstil – Wähle den Bildzuschnitt-Stil für die Produktbilder in den Kategorien aus. Diese Einstellung gilt für alle Kategorien im Abschnitt.

Einen Abschnitt "Vorgestellte Kategorie" zu deiner Startseite hinzufügen

  1. Klicke auf Abschnitt hinzufügen.
  2. Klicke auf Vorgestellte Kategorien und dann auf Auswählen.
  3. Wähle im Inhaltsbereich einen Kategorieblock aus oder klicke auf Kategorie hinzufügen.
  4. Klicke auf Kategorie auswählen.
  5. Wähle in der Liste Kategorie die Kategorie aus, die du auf dem Tab anzeigen möchtest. Klicke dann auf Auswählen.

    Um eine Kategorie hinzuzufügen, klicken Sie auf den Link Kategorie Hinzufügen , um die Seite Kategorie Erstellen in einer neuen Registerkarte zu öffnen.

    Um Produkte aus der ausgewählten Kategorie hinzuzufügen oder zu entfernen, klicke auf den Link Kategorie bearbeiten, um die Seite Kategorien in einer neuen Registerkarte zu öffnen.

  6. Wiederhole die Schritte 3 bis 5, um dem Abschnitt weitere Kategorien hinzuzufügen.

  7. Klicke auf Speichern.

Vorgestelltes Produkt

Sie können ein Produkt auf Ihrer Startseite vorstellen. Die Aufmachung eines Produkts ist eine hervorragende Möglichkeit, Werbung für ein neues Produkt oder ein Produkt im Angebot zu machen. Kunden können zusätzliche Produktbilder mit den linken und rechten Pfeilen unter dem Bild anzeigen.

Der Abschnitt „Vorgestelltes Produkt“ umfasst die folgenden Einstellungen:

  • Produkt – Wähle das Produkt aus, das auf der Startseite angezeigt werden soll.
  • Mengenauswahl anzeigen – Lasse die Benutzer eine Menge angeben, die ihrem Warenkorb hinzugefügt werden soll.
  • Anbieter anzeigen – Zeige die Produktmarke oder den Lieferanten im Bereich vorgestelltes Produkt an. Damit eine Marke oder der Anbieter angezeigt werden kann, musst du dem Produkt einen Lieferanten hinzufügen.
  • Dynamische Checkout-Buttons anzeigen – Kunden können im Abschnitt für vorgestellte Produkte den Warenkorb überspringen und direkt zum Checkout gehen.
  • Social Sharing-Schaltflächen anzeigen – Zeige Schaltflächen an, mit denen deine Kunden deine Produkte in Social Media teilen können. Diese Schaltflächen werden in deinen Theme-Einstellungen festgelegt.
  • Bildstil – Wähle aus, ob du deinem vorgestellten Produktbild einen quadratischen oder runden Zuschnitt hinzufügen möchtest.

Hinzufügen eines vorgestellten Produktabschnitts

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

Benutzerdefinierte Inhalte

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.

Der Abschnitt Benutzerdefinierte Inhalte umfasst die folgenden Einstellungen:

  • Überschrift – Der Titel des Abschnitts.

  • Mobiles Layout – Das Layout der Blöcke, wenn dein Shop auf einem Mobilgerät angesehen wird. Wähle aus den folgenden Optionen aus:

    • Raster – Blöcke bis zu 50 % Breite erscheinen in derselben Zeile. Container über 50 % Breite erscheinen in einer eigenen Zeile.
    • Stapel – Jeder Block wird in einer eigenen Zeile angezeigt.
    • Slider – Blöcke werden zu einem einzelnen Abschnitt im Slideshow-Stil reduziert. Kunden können auf die Navigationspfeile klicken, um zusätzliche Blöcke anzuzeigen.

Du kannst aus den folgenden Blocktypen auswählen.

Blocktypen mit benutzerdefinierten Inhalten
Blocktyp Einstellungen
Text

Überschrift – Füge eine Überschrift zum Textblock hinzu.

Text – Füge deinen benutzerdefinierten Text hinzu und formatiere ihn.

Schaltflächenbeschriftung – Füge eine Schaltfläche mit einer Beschriftung zum Block hinzu.

Schaltflächenlink – Füge den Text hinzu, der auf der Schaltfläche angezeigt werden soll.

Schriftgröße – Lege die Größe des Texts fest.

Containerbreite – Lege die Breite des Blocks fest.

Vertikale Ausrichtung – Lege die vertikale Position des Inhalts im Block fest.

Horizontale Ausrichtung – Lege die horizontale Position des Inhalts im Block fest.

Bild

Bild – Füge ein Bild hinzu, das im Block angezeigt werden soll. Du kannst ein Bild hochladen, ein zuvor hochgeladenes Bild verwenden oder ein kostenloses Stock-Foto aus Burst auswählen.

Containerbreite – Lege die Breite des Blocks fest.

Vertikale Ausrichtung – Lege die vertikale Position des Inhalts im Block fest.

Produkt

Produkt – Wähle ein Produkt aus, das im Block enthalten sein soll. Produktname, Bild und Preis werden angezeigt. Wenn das Produkt kein Bild hat, wird der Produkttitel im Block angezeigt.

Containerbreite – Lege die Breite des Blocks fest.

Vertikale Ausrichtung – Lege die vertikale Position des Inhalts im Block fest.

Wenn Produktseiten als Überlagerung anzeigen für deine Produktseite aktiviert ist, werden Produkte als Überlagerung über der aktuellen Seite angezeigt, wenn sie in diesem Bereich ausgewählt werden.

Kategorie

Kategorie – Wähle eine Kategorie aus, die in dem Block enthalten sein soll. Es werden der Titel der Kategorie und das Feature-Bild angezeigt. Wenn kein Feature-Bild vorhanden ist, wird ein Bild aus dem ersten Produkt der Kategorie angezeigt. Wenn die Produkte in der Kategorie keine Bilder haben, wird der Titel der Kategorie im Block angezeigt.

Containerbreite – Lege die Breite des Blocks fest.

Vertikale Ausrichtung – Lege die vertikale Position des Inhalts im Block fest.

Menü

Menü – wähle ein Menü aus, das im Block angezeigt werden soll.

Überschrift – Füge eine Überschrift für das Menü hinzu.

Containerbreite – Lege die Breite des Blocks fest.

Vertikale Ausrichtung – Lege die vertikale Position des Inhalts im Block fest.

Horizontale Ausrichtung – Lege die horizontale 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.

Bild mit Text

Mit Express kannst du ein Bild mit Text rechts oder Links des Bildes hinzufügen. Du kannst auch eine Schaltfläche hinzufügen, die mit einer anderen Seite verknüpft ist.

Du kannst mit einem einen Abschnitt mit Bild mit Text ein bestimmtes Produkt oder eine bestimmte Kategorie bewerben.

Der Abschnitt "Bild mit Text" umfasst die folgenden Einstellungen:

  • Bild – Füge ein Bild hinzu, das in den Abschnitt aufgenommen werden soll. Du kannst ein Bild hochladen, ein zuvor hochgeladenes Bild verwenden oder ein kostenloses Stock-Foto aus Burst auswählen.
  • Überschrift – Füge primären Text hinzu, der dem Bild zugeordnet werden soll.
  • Text – Füge sekundären Text hinzu, der dem Bild zugeordnet werden soll. Dieser Text wird unter dem Überschriftentext angezeigt.
  • Schaltflächenbeschriftung – Der Text, der auf der Schaltfläche angezeigt werden soll.
  • Schaltflächenlink – Die URL oder Seite, zu der die Schaltfläche verlinken soll. Füge die URL ein oder wähle eine Seite aus dem Menü aus. Wenn du keine Schaltfläche in den Abschnitt aufnehmen möchtest, lasse dieses Feld leer.

Layout-Optionen

  • Desktop – Wähle aus, ob das Bild im Abschnitt auf dem Desktop links oder rechts angezeigt werden soll. Um das Bild auf der linken Seite anzuzeigen, wählst du Bild zuerst aus.
  • Mobil – Wähle aus, ob das Bild in dem Abschnitt als erstes oder zweites angezeigt wird, wenn es von einem Mobilgerät aus angesehen wird.
  • Sekundärer Hintergrund – wähle aus, ob dem Abschnitt eine sekundäre Hintergrundfarbe hinzugefügt werden soll. Wähle partiell , um die Hintergrundfarbe zu den oberen drei Fünfteln des Abschnitts hinzuzufügen. Diese Farbe kann in den Theme- Einstellungen geändert werden.
  • Textgröße – Wähle die relative Größe für die Überschrift und den Text im Abschnitt aus.
  • Bildverhältnis beibehalten – Wählen diese Option, um zu verhindern, dass das ausgewählte Bild zugeschnitten wird. Wenn du diese Option nicht aktivierst, wird das Bild zu einem Quadrat zugeschnitten.
  • Sekundärtextfarbe aktivieren – Wähle diese Option, um die sekundäre Hintergrundtextfarbe für die Überschrift und den Text zu verwenden. Diese Farbe kann in den Theme-Einstellungen geändert werden.

Deiner Startseite einen Abschnitt "Bild mit Text" hinzufügen

  1. Klicke auf Abschnitt hinzufügen.
  2. Klicke auf Bild mit Text und dann auf Auswählen.
  3. Klicke im Bereich Bild 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.

  6. Passe mit den Einstellungen den Abschnitt an.

  7. Klicke auf Speichern.

Bereit, mit Shopify zu verkaufen?

Kostenlos ausprobieren