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:

Dynamische Abschnitte

Express enthält die folgenden dynamischen Abschnitte:

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ü
  • Suchen
  • Header-Stil

Hinzufügen eines benutzerdefinierten Logos

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 beträgt 180 Pixel. Du kannst die Größe des Logobildes ändern, indem du die Breite vergrößerst oder verkleinerst.

Wenn du kein Logo-Bild hinzufügst, wird stattdessen der Name deines Shops als Text angezeigt. Du kannst den Namen deines Shops auf der Seite Allgemeine Einstellungen in deinem Shopify-Adminbereich ändern.

Benutzerdefinierte Logobreite:Die Breite des Logos. - Logo-Ausrichtung:die Ausrichtung deines Logos im Header. Wähle links oder zentriert aus.

Logo hinzufügen und konfigurieren

  1. Klicke auf Header. 2. Klicke im Bereich Logobild 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 Bild von deinem lokalen Computer auszuwählen, klicke auf Bibliothek > Hochladen. 3. Verwende die Einstellungen, um die Größe und Platzierung deines Logos anzupassen. 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 Veranstaltungen 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. (Version 1.11.0+)
  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 deinem Header eine Suchoption 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.

Sekundäre Farben für deinen Header verwenden

Du kannst Sekundäre Hintergrund- und Textfarbe aktivieren auswählen, um den sekundären Hintergrund und die Textfarbe in deinem Header zu verwenden.

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

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

Hinzufügen von Social-Media-Symbolen

  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.

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.

Wenn du Lokale Abholung aktiviert hast und die Produktseiten in einer Überlagerung anzeigen deaktiviert ist, wird in diesem Abschnitt auch die Verfügbarkeit von Abholungen für das Produkt angezeigt.

Der Produktabschnitt enthält die folgenden Einstellungen:

  • Mengenauswahl anzeigen – Lasse von Benutzern 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. Passe mit diesen Einstellungen deine Produktseite an.
  3. Klicke auf Speichern.

Verfügbarkeit von Abholungen anzeigen

Version 1.11.0+

Mit Express kannst du Kunden anzeigen, ob ein Produkt in deinem Onlineshop für die lokale Abholung zur Verfügung steht. Auf jeder Produktseite wird im Abschnitt Verfügbarkeit von Abholungen angezeigt, ob das Produkt verfügbar ist, und es wird der geschätzte Zeitrahmen für die Abholung eingeblendet. Diese Informationen werden nur angezeigt, wenn Produktseiten in einer Überlagerung anzeigen deaktiviert ist.

Um diese Funktion zu nutzen, musst du die lokale Abholung einrichten. Wenn die lokale Abholung aktiviert ist, ist diese Funktion immer auf deinen Produktseiten sichtbar und kann nicht deaktiviert werden.

Nachdem lokale Abholung aktiviert ist, zeigt die Produktseite an, ob das Produkt an einem deiner Standorte mit lokaler Abholung zur Abholung verfügbar ist. Diese Informationen werden nur für Produkte angezeigt, die an mindestens einem Standort mit lokaler Abholung verfügbar sind und für die Dies ist ein physisches Produkt im Abschnitt Versand in den Details zu den Produktvarianten ausgewählt ist.

So wählst du Dieses Produkt erfordert den Versand für eine Produktvariante aus:

  1. Gehe in deinem Shopify-Adminbereich zu Produkte > Alle Produkte.

  2. Wähle ein Produkt aus.

  3. Wähle unter Varianten eine Variante aus.

  4. Aktiviere unter Versand die Option Dies ist ein physisches Produkt.

  5. Klicke auf Speichern.

Wenn du lokale Abholung nur für einen Standort aktiviert hast, werden der Standort und die Verfügbarkeit von Abholungen für diesen Standort angezeigt. Kunden können auf Shop-Informationen anzeigen klicken, um mehr über den Abholort zu erfahren.

Wenn du lokale Abholung für mehr als einen Standort aktiviert hast, wird im Abschnitt Verfügbarkeit von Abholungen der Standort und die Verfügbarkeit von Abholungen für den Standort angezeigt, der am nächsten beim Kunden liegt, basierend auf der IP-Adresse des Kunden. Wenn der Kunde auf Verfügbarkeit in anderen Shops überprüfen klickt, wird die Liste der Abholorte nach Entfernung vom Kunden sortiert.

Wenn der Standort des Kunden nicht anhand seiner IP-Adresse ermittelt werden kann, wird im Abschnitt Verfügbarkeit von Abholungen der Standort und die Verfügbarkeit von Abholungen für Standorte in alphabetischer Reihenfolge, zuerst nach Ort und dann nach Standortname angezeigt. Nehmen wir z. B. an, dass du die drei Abholorte „Queen Street“ in Toronto, „Front Street“ in Toronto und „Alberni Street“ in Vancouver hast. Im Abschnitt Verfügbarkeit von Abholungen würden dann die Details für „Front Street“ in Toronto angezeigt.

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.

Kategorievorlage

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

Der Kategorievorlagenabschnitt umfasst die folgenden Einstellungen:

  • Kategoriebild anzeigen – Zeige das Kategoriebild oben auf der Kategorieseite an.
  • Kategoriebeschreibung anzeigen – Zeige die Kategoriebeschreibung oben auf der Kategorieseite an. (Version 1.11.0+)
  • Produktanbieter anzeigen – Zeige die Produktmarke oder den Lieferanten auf der Produktkarte an.

Deine Kategorieseiten anpassen

  1. Vorlage auswählen.
  2. Klicke auf den Abschnitt Kategorievorlage.
  3. Verwende die Einstellungen, um den Abschnitt Kategorievorlage anzupassen.
  4. Klicke auf Speichern.

Version 1.11.0+

Du kannst ein Banner mit einem benutzerdefinierten Bild, Text und einer Schaltfläche erstellen, die mit einem anderen Standort deines Shops verknüpft ist. Du kannst ein Banner verwenden, um deine Marke hervorzuheben, eine bestimmte Kategorie zu featuren oder ein Angebot bewerben.

Einstellungen

  • BildFü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 dem Banner primären Text hinzu.
  • Größe der Überschrift – Wähle die Größe des Überschriftentexts aus.
  • Beschreibung – Füge dem Banner eine Beschreibung hinzu.
  • 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 Banner aufnehmen möchtest, lasse dieses Feld leer.

Layout-Optionen

  • Bannerhöhe – Wähle die Höhe des Bannerabschnitts aus.
  • Bannerbreite – Wähle die Breite des Bannerabschnitts aus.
  • Bildausrichtung – Wähle die Ausrichtung des Bildes im Abschnitt aus.
  • Textfeldausrichtung – Wähle die Ausrichtung des Textfelds im Abschnitt aus.

    Wenn das Textfeld links- oder rechtsbündig ist, ist der Text linksbündig ausgerichtet. Wenn das Textfeld zentriert ist, ist der Text auch zentriert.

Farbeinstellungen

  • Hintergrund Textfeld – Wähle die Farbe des Textfelds aus.
  • Text – Wähle die Farbe der Überschrift und der Schaltfläche im Banner aus. Die Bannerbeschreibung verwendet die Textfarbe des Texts für dein Theme, die in den Theme-Einstellungen geändert werden kann.

Bannerabschnitt hinzufügen

  1. Klicke auf Abschnitt hinzufügen.
  2. Klicke auf Banner und dann auf Auswählen.
  3. Mit den Einstellungen kannst du den Bannerabschnitt anpassen.
  4. 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 anklickbare 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.

  • Quick Buy-Schaltfläche aktivieren – Füge eine Option hinzu, mit der Kunden direkt im Abschnitt Vorgestellte Kategorien Produkte zum Warenkorb hinzufügen können.

  • Kategoriebild anzeigen – Zeige das Kategoriebild oben im Tab der vorgestellten Kategorie an. (Version 1.11.0+)

  • Kategoriebeschreibung anzeigen – Zeige die Kategoriebeschreibung oben im Tab der vorgestellten Kategorie an. (Version 1.11.0+)

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.

    Wenn du eine Kategorie hinzufügen möchtest, klicke 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 oberen Schritte, um weitere Kategorien zum Abschnitt hinzuzufügen.

  7. Klicke auf Speichern.

Vorgestelltes Produkt

Du kannst ein Produkt auf deiner 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 vorgestellte Produkte enthält die folgenden Einstellungen:

  • Produkt – Wähle das Produkt aus, das auf der Startseite angezeigt werden soll.
  • Mengenauswahl anzeigen – Lasse von Benutzern 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 den Warenkorb überspringen und direkt zum Checkout im Bereich vorgestelltes Produkt 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.

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.

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 enthält 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 Teilweise, 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ähle 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.

Mehrere Spalten

Version 1.11.0+

Mit Express kannst du einen Abschnitt mit mehreren Inhaltsspalten hinzufügen. Du kannst zu jedem Mehrspalten-Menü bis zu vier Spalten hinzufügen.

Das Mehrspalten-Menü umfasst die folgenden Einstellungen:

Spalteneinstellungen

  • Bild – Füge der Spalte ein Bild hinzu.
  • Überschrift – Füge primären Text der Spalte hinzu.
  • Text – Füge der Spalte sekundären Text hinzu.

Abschnittseinstellungen

  • Überschrift – Füge primären Text für den Abschnitt hinzu.
  • 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

  • Ausrichtung – Wähle die Ausrichtung für die Elemente in jeder Spalte aus.
  • Mobiles Layout – Wähle aus, ob die Spalten im Abschnitt gestapelt oder in einem Raster auf mobilen Geräten angezeigt werden.
  • Bildgröße – Wähle die Größe der Bilder in den Spalten aus.
  • Bildverhältnis beibehalten – Wähle diese Option, um zu verhindern, dass die ausgewählten Bilder zugeschnitten wird. Wenn du diese Option nicht aktivierst, wird das Bild zu einem Quadrat zugeschnitten.
  • Sekundäre Hintergrund- und Textfarbe aktivieren – Wähle diese Option, um die sekundäre Hintergrundtextfarbe für die Überschriften und den Text und die sekundäre Hintergrundfarbe für den Abschnitt zu verwenden. Diese Farben können in den Theme-Einstellungen geändert werden.

Deiner Startseite einen Abschnitt mit mehreren Spalten hinzufügen

  1. Klicke auf Abschnitt hinzufügen.
  2. Klicke auf Mehrere Spalten* und dann auf **Auswählen.
  3. Klicke auf Spalte hinzufügen, um dem Abschnitt eine Spalte hinzuzufügen.
  4. Klicke auf die Spalte im Abschnitt Inhalt, um der Spalte Inhalte hinzuzufügen.
  5. Passe mit den Einstellungen den Abschnitt an.
  6. Klicke auf Speichern.

Seite

Version 1.10.0+

Du kannst den Rich-Text-Inhalt einer Seite auf deiner Startseite anzeigen. Du kannst diesen Abschnitt verwenden, um Inhalte von der Seite Shop-Richtlinien oder Über uns zu präsentieren.

In diesem Abschnitt wird immer die Standardvorlage Seite verwendet, auch wenn eine andere Vorlage angewendet wird. Wenn du z. B. eine Seite Kontakt hinzufügst, die eine page.contact-Vorlage für den Abschnitt verwendet, werden die interaktiven Felder aus dieser Vorlage nicht auf der Startseite angezeigt. Alle Informationen, die du in den Feldern Titel und Inhalt für die Seite hinzufügst, werden im Abschnitt angezeigt.

Einen Seitenabschnitt zu deiner Startseite hinzufügen

  1. Klicke auf Abschnitt hinzufügen.
  2. Klicke auf Seite und dann auf Auswählen.
  3. Klicke im Bereich Seite auf Seite auswählen.
  4. Wähle die Seite aus, deren Inhalt du anzeigen möchtest, und klicke dann auf Auswählen. Du kannst nur aus Seiten auswählen, die derzeit sichtbar sind. Wenn du eine neue Seite erstellen möchtest, wähle Seite erstellen aus.
  5. Klicke auf Speichern.

Bereit, mit Shopify zu verkaufen?

Kostenlos ausprobieren