Abschnitte für Express

Abschnitte sind anpassbare Inhaltsblöcke, die das Layout der verschiedenen Seiten deines Onlineshops bestimmen.

  • Home-Abschnitte enthalten bestimmte Features bzw. Extras, z. B. eine Slideshow oder eine Möglichkeit zur Newsletter-Anmeldung, die du hinzufügen, neu anordnen oder entfernen kannst. du kannst bis zu 25 Abschnitte auf deiner Startseite haben.

  • Jeder Seitentyp hat seine eigenen Abschnitte. So bestimmt beispielsweise der Abschnitt "Produktseite" das Layout jeder Produktseite in deinem Onlineshop.

  • Seitenabschnitte befinden sich immer in bestimmten Bereichen in deinem Onlineshop. Du kannst Anpassungen daran vornehmen, sie aber nicht neu anordnen oder entfernen.

  • Jedes Theme enthält feste Abschnitte wie Header und Fußzeile, die auf jeder Seite deines Onlineshops angezeigt werden.

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

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

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

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

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 komplett benutzerdefiniert anpassen und kann Kontaktdaten, Informationen zu Veranstaltungen oder Sales-Aktionen in deinem Shop oder den Slogan oder die Markenbotschaft deines Shops enthalten.

<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 **Express** auf **Anpassen**.
  1. Klicke auf Abschnitte.

  2. Klicke auf Kopfzeile.

  3. Aktiviere im Bereich Ankündigungsleiste die Option Ankündigung anzeigen.

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

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

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.

<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 **Express**auf **Anpassen**.
  1. Klicke auf Kopfzeile.

  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.

<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 **Express** auf **Anpassen**.
  1. Klicke auf Abschnitte.

  2. Klicke auf Kopfzeile.

  3. Aktiviere die Option Suche anzeigen.

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
  • ein Menü
  • Newsletter-Anmeldung
  • ein Textabschnitt mit Informationen zu deinem Geschäft
  • Social-Media-Symbole
  • eine Sprachauswahl

Der Fußzeilenbereich einer Website, der zwei Textblöcke und eine Newsletter-Anmeldung anzeigt.

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.

<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 **Express**auf **Anpassen**.
  1. Klicken Sie auf Abschnitte.

  2. Klicke dann auf Fußzeile.

  3. Siehe Zahlungs-Symbole anzeigen.

  4. Klicke auf Speichern.

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

<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 **Express**auf **Anpassen**.
  1. Klicken Sie auf Abschnitte.

  2. Klicke dann auf Fußzeile.

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

  • Menü
  • Newsletter
  • Text Du kannst bis zu 4 Inhaltsblöcke hinzufügen.

    Um einen Inhaltsblock zu verschieben, klickst du auf das ⋮⋮ Symbol und ziehst den Block an eine andere Stelle.

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

    Um einen Inhaltsblock anzupassen, klickst du auf den Block und bearbeitest die Einstellungen.

  1. Klicke auf Speichern.

Hinzufügen von Social-Media-Symbolen

  1. Klicken Sie neben Expressauf Anpassen.

  2. Klicke auf Abschnitte.

  3. Klicke dann auf Fußzeile.

  4. Klicke auf den Abschnitt Theme-Einstellungen.

  5. Gib im Feld für relevante Social-Media die URL deines Profils ein.

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

Vorgestellte Kategorien

Du kannst in einem Abschnitt deiner Startseite mehrere Kategorien vorstellen. Da Express im Header kein Menü enthält, sind vorgestellte Kategorien neben vorgestellten Produkten die einfachste Möglichkeit, Produkte mit diesem Theme zu präsentieren.

In jedem Abschnitt mit vorgestellten Kategorien kannst du mehrere Kategorien anzeigen. Kategorien erscheinen als Tabs, zwischen denen Käufer 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.

Hinzufügen eines Abschnitts für vorgestellte Kategorien

<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 **Express**auf **Anpassen**.
  1. Klicke auf Abschnitte > Abschnitt hinzufügen.

  2. Klicke auf Vorgestellte Kategorien und dann auf Hinzufügen.

  3. In der Dropdown-Liste Kategorielistengröße kannst du festlegen, 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

  1. Wähle in der Dropdown-Liste Bildstil den Bildzuschnitt-Stil für die Produktbilder in den Kategorien aus. Diese Einstellung gilt für alle Kategorien im Abschnitt Vorgestellte Kategorien.

  2. Wähle im Inhaltsbereich einen Kategorieblock aus oder klicke auf Kategorie hinzufügen.

  3. Klicke auf Kategorie auswählen.

  4. Wähle in der Liste Kategorie aus die Kategorie aus, die du auf der Registerkarte 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.

  5. Wiederhole die Schritte 5 bis 7, um weitere Kategorien zum Abschnitt hinzuzufügen.

  6. Klicke auf Speichern.

Eine Kategorie zu einem vorgestellten Kategoriebereich hinzufügen

  1. Klicken Sie neben Expressauf Anpassen.

  2. Klicke auf Abschnitte.

  3. Wähle den Abschnitt „Vorgestellte Kategorien“ aus, den du ändern möchtest.

  4. Wähle im Inhaltsbereich einen Kategorieblock aus oder klicke auf Kategorie hinzufügen.

  5. Klicke auf Kategorie auswählen.

  6. Wähle in der Liste Kategorie aus die Kategorie aus, die du auf der Registerkarte 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.

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

  8. 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 von Benutzern eine Menge angeben, die ihrem Warenkorb hinzugefügt werden soll.
  • Produktanbieter anzeigen - Lasse die Produktmarke oder den Produktanbieter im Abschnitt für vorgestellte Produkte anzeigen. Damit eine Marke oder ein Produktanbieter angezeigt werden können, musst du dem Produkt einen Produktanbieter 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 – Lasse Social-Sharing-Schaltflächen im Abschnitt für vorgestellte Produkte anzeigen.
  • Bildstil – Wähle aus, ob du deinem vorgestellten Produktbild einen quadratischen oder runden Zuschnitt hinzufügen möchtest.

Hinzufügen eines Abschnitts für vorgestellte Produkte

<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 **Express**auf **Anpassen**.
  1. Klicke auf Abschnitte > Abschnitt hinzufügen.
  2. Klicken auf Vorgestelltes Produktund dann auf Hinzufügen.
  3. Verwende die Einstellungen, um deinen Abschnitt "Vorgestelltes Produkt" anzupassen.
  4. Klicke auf Speichern.

Produktseite

Die Produktseite wird angezeigt, wenn ein Käufer ein Produkt aus einer vorgestellten Kategorie anklickt. Es zeigt die Beschreibung, den Preis, die Varianten und die Bilder deines Produkts an. Du kannst festlegen, ob Benutzer zu einer neuen Seite weitergeleitet werden sollen oder ob du die Produktdetails in einer Überlagerung auf der Startseite anzeigen möchten. Der Kunde kann das Produkt direkt über die Seite zum Warenkorb hinzufügen.

Der Produktseitenabschnitt umfasst die folgenden Einstellungen:

  • Mengenauswahl anzeigen – Lasse von Benutzern eine Menge angeben, die ihrem Warenkorb hinzugefügt werden soll.
  • Produktanbieter anzeigen – Lasse die Produktmarke oder den Produktanbieter auf der Produktseite anzeigen. Damit eine Marke oder ein Produktanbieter angezeigt werden können, musst du dem Produkt einen Produktanbieter hinzufügen.
  • Dynamische Checkout-Buttons anzeigen – Kunden können den Warenkorb überspringen und von dem Abschnitt „Vorgestellte Produkte“ direkt zum Checkout gehen.
  • Produktseiten in einem Overlay Anzeigen – wählen Sie diese Option, um Produkt Details in einer Überlagerung auf der Startseite 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 den sozialen Medien teilen können.

Einstellungen der Produktseite bearbeiten

<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 **Express**auf **Anpassen**.
  1. Klicke auf Abschnitte.

  2. Klicke auf Produktseiten.

  3. Passe mit diesen Einstellungen deine Produktseite an.

  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 – Das Bild, 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 – Der primäre Text, der dem Bild zugeordnet werden soll.
  • Text – Der sekundäre Text, der dem Bild zugeordnet werden soll. Dieser Text wird unter dem Überschriftentext angezeigt.
  • Button Label – 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 sie von einem Mobilgerät aus angesehen werden.
  • 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ä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äre Textfarbe 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-Einstellungengeändert werden.

Hinzufügen eines Bildes mit Textabschnitt

<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 **Express**auf **Anpassen**.
  1. Klicke auf Abschnitte > Abschnitt hinzufügen.
  2. Klicke auf Bild mit Text und dann auf Hinzufügen.
  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.

    • 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.
  4. Passe mit den Einstellungen den Abschnitt an.

  5. Klicke auf Speichern.

Warenkorbeinschub

Express verfügt über eine Warenkorbeinschub, mit dem Käufer den Inhalt Ihres Warenkorbs schnell anzeigen lassen und dann weiter einkaufen können.

Bei Express kannst du deinen Kunden die Möglichkeit geben, auf der Warenkorbseite Hinweise zu ihrer Bestellung hinzuzufügen.

Aktivieren von Bestellhinweisen im Warenkorbeinschub

  1. Navigiere im Theme-Editor zu deiner Warenkorbseite, indem du ein Produkt zum Warenkorb hinzufügst.

  2. Klicken Sie auf den Tab Abschnitte.

  3. Klicke auf den Abschnitt Warenkorbseite.

  4. Aktiviere Warenkorbanmerkung anzeigen.

  5. Klicke auf Speichern.

Bereit, mit Shopify zu verkaufen?

Kostenlos ausprobieren