Anpassung der Produktseite: Abschnitte und Blöcke

"

Die Produktseite ist ein entscheidendes Element jedes Online-Shops. Durch die Anpassung der Abschnitte und Blöcke können Sie eine Seite erstellen, die sowohl informativ als auch überzeugend ist und Benutzer zum Kauf Ihrer Produkte oder Dienstleistungen anregt.

Die Produktseite enthält mehrere Abschnitte, die aus Blöcken bestehen. Dieser Artikel bietet einen Überblick über die Gruppe der Vorlagenabschnitte , die in diesen Vorlagen enthalten ist.

Standardmäßig enthält die Produktseite die folgenden Abschnitte:

  1. Produktinformation
  2. Hilfsschublade
  3. Videoheld
  4. Collage
  5. Bild mit Text
  6. Lauftext
  7. Produktdetails
  8. FAQ
  9. Apps
  10. Verwandte Produkte
  11. Zuletzt angesehen

1. Produktinformationen

In diesem Abschnitt werden Informationen zum Produkt angezeigt.

Die Einstellungen des Abschnitts Produktinformationen
Abschnittseinstellungen Einstellungen Beschreibung
Produktinformation Aktivieren Sie Sticky-Inhalte auf dem Desktop Bringt den Produktinhalt auf dem Bildschirm an, wenn der Kunde durch die vorgestellten Produktbilder nach unten (oder oben) scrollt.
Medien

Erfahren Sie mehr über Medientypen .

Desktop-Medienbreite Die Breite des Mediums auf dem Desktop, die von 35 % bis 70 % angepasst werden kann, um die Größe dieses Abschnitts zu ändern.

Desktop-Layout Zeigt das Desktop-Layout an:
  • Kostenloser Bildlauf – Zeigen Sie das erste Bild Ihres Produkts links und die anderen Bilder in einer Bildlaufliste rechts an.
  • 2 Spalten – Produktbilder in zwei Spalten anzeigen.
  • Miniaturansichten – Zeigen Sie kleine Bilder großer Bilder an, um das Auffinden eines bestimmten Bilds in einer großen Gruppe von Bildern zu erleichtern.
Bildzoom 3 Optionen verfügbar:
  • Leuchtkasten öffnen: Zoomen Sie das Bild in einem Popup-Leuchtkasten, ohne die Seite zu verlassen.
  • Klicken und Hover: Ein Klick oder Hover löst den inneren Bildzoom aus.
  • Kein Zoom.

Blenden Sie die Medien anderer Varianten aus, nachdem Sie eine Variante ausgewählt haben Wenn eine Variante ausgewählt ist, werden Bilder anderer Varianten ausgeblendet. Bilder werden wieder angezeigt, wenn die Variante deaktiviert wird.
Aktivieren Sie die automatische Videowiedergabe Spielt Videos automatisch ab.
Aktivieren Sie Video-Looping Spielt das Video wiederholt ab.
Mobiles Layout Wählt eine der folgenden beiden Optionen aus:
  • 75 % Breite
  • Gesamtbreite
Miniaturansichten auf Mobilgeräten anzeigen Zeigt Miniaturansichten auf Mobilgeräten an.
Abschnitt
Kann die Polsterung in der Polsterung oben und unten von 0 Pixel bis 120 Pixel anpassen und rechnerisch um 4 Pixel erhöhen.
Abschnittstrenner anzeigen Zeigt einen Zeilentrenner über diesem Abschnitt an.
Machen Sie den Abschnitt schmaler Macht den Behälter schmaler.
Machen Sie den Abschnitt abgerundet Wendet eine abgerundete Kante auf die beiden oberen Ecken an.

Verfügbare Blöcke:

  • 1.1 Brotkrümel
  • 1.2 Text
  • 1.3 Titel
  • 1.4 Preis
  • 1,5 SKU
  • 1.6 Bestandsstatus
  • 1.7 Mengenauswahl
  • 1.8 Variantenauswahl
  • 1.9 Produktvarianten
  • 1.10 Kaufschaltflächen
  • 1.11 Abholverfügbarkeit
  • 1.12 Beschreibung
  • 1.13 Teilen
  • 1.14 Helpdesk
  • 1.15 Benutzerdefinierte Flüssigkeit
  • 1,16 Produktbewertung
  • 1.17 Komplementärprodukt
  • 1.18 Zusammenklappbare Reihe

1.1 Die Einstellungen für den Breadcrumb-Block.

Aktivieren Sie diese Option, um die Sammlungsseite in der Breadcrumb-Liste anzuzeigen.

1.2 Die Einstellungen für den Textblock.

Blockeinstellungen Einstellungen Beschreibung
Text
Text Fügt Ihren Text hinzu.
Textgröße Die Textgröße kann auf eine der folgenden Optionen eingestellt werden:
  • Klein
  • Mittel
  • Groß
  • Extra groß

1.3 Die Einstellungen für den Titelblock.

Blockeinstellungen Einstellungen Beschreibung
Titel
Titelgröße Die Größe des Titels:
  • Klein
  • Mittel
  • Groß
Produktpreis anzeigen Ermöglicht die Anzeige des Produktpreises
Produktbewertung anzeigen Ermöglicht die Anzeige der Produktbewertung.

1.4 Die Einstellungen für den Preisblock.

Aktivieren Sie Steuerbescheid anzeigen , um den Steuerbescheid anzuzeigen.

1.5 Die Einstellungen für den SKU-Block.

Keine anpassbaren Einstellungen verfügbar.

1.6 Die Einstellungen für den Inventarstatusblock.

Blockeinstellungen Einstellungen Beschreibung
Bestandsstatus
Niedriger Lagerbestandsschwellenwert Die Mindestmenge eines bestimmten Produkts, die ein Unternehmen zu einem bestimmten Zeitpunkt vorrätig haben möchte.

Wählt 0, um immer „Auf Lager“ anzuzeigen, sofern verfügbar.

Mitteilung zur Bestandsumlagerung anzeigen Zeigt die Mitteilung zur Bestandsübertragung an
Farbschema Wählen Sie eine der folgenden 6 Optionen:
  • Akzent 1
  • Akzent 2
  • Akzent 3
  • Akzent 4
  • Akzent 5
  • Akzent 6

1.7 Die Einstellungen für den Qualitätsauswahlblock.

Keine anpassbaren Einstellungen verfügbar.

1.8 Die Einstellungen für den Variantenauswahlblock.

Blockeinstellungen Einstellungen Beschreibung
Variantenauswahl
Variantenbezeichnungen anzeigen Zeigt die Beschriftung der Varianten an.
Typ Der Stil der Variantenauswahl. Wählen Sie entweder Dropdown oder Button .
Farbfelder aktivieren

Erfordert, dass der Variantenauswahltyp „Schaltfläche“ ist.

Zeigt die Farbvarianten in Farbfeldern an.

Dies erfordert den Variantenauswahltyp „Button“. Erfahren Sie, wie Sie Farbfelder einrichten .

Mustertyp Wählen Sie entweder Farbmuster oder Variantenbild .

Größentabelle Seite mit der Größentabelle Wenn Sie Kleidungsstücke verkaufen, bei denen Kunden vor dem Kauf die Größe kennen müssen, können Sie Ihrer Produktseite eine benutzerdefinierte Größentabelle hinzufügen. Hier können Sie Ihre Seite auswählen, die den Inhalt der Größentabelle darstellt.

1.9 Die Einstellungen für den Block Produktvariationen.

Blockeinstellungen Einstellungen Beschreibung
Produktvariationen
Optionsname Fügt den Optionsnamen hinzu (z. B. Farbe, Stil... )
Optionswert-Metafeld Gibt den Namespace und den Schlüssel des Metafelds ein, das den Wert enthält. Beispiel: benutzerdefinierte Farbe
Produkt Wählt die Produkte aus, die Sie präsentieren möchten.

Wählen Sie alle Variationen aus (einschließlich des Produkts selbst).

Farbmuster
Farbfelder aktivieren Ermöglicht die Anzeige von Farbfeldern.
Mustertyp Wählt eine der beiden folgenden Optionen aus: Farbmuster oder Produktbild .

Größentabelle Seite mit der Größentabelle Wenn Sie Kleidungsstücke verkaufen, bei denen Kunden vor dem Kauf die Größe kennen müssen, können Sie Ihrer Produktseite eine benutzerdefinierte Größentabelle hinzufügen. Hier können Sie Ihre Seite auswählen, die den Inhalt der Größentabelle darstellt

1.10 Die Einstellungen für den Block „Kaufen-Schaltflächen“.

In diesem Block werden die Schaltfläche „In den Warenkorb“ und alle Informationen zur Abholung im Geschäft angezeigt. Es können auch beliebige dynamische Checkout-Schaltflächen angezeigt werden.

Blockeinstellungen Einstellungen Beschreibung
Knöpfe kaufen
Mengenauswahl anzeigen Ermöglicht die Anzeige der Mengenauswahl.
Dynamische Checkout-Schaltflächen anzeigen Mithilfe der in Ihrem Shop verfügbaren Zahlungsmethoden sehen Kunden ihre bevorzugte Option, beispielsweise PayPal oder Apple Pay.
Empfängerinformationsformular für Geschenkkarten anzeigen. Ermöglicht Käufern, Geschenkgutscheine zu einem geplanten Termin zusammen mit einer persönlichen Nachricht zu versenden.

1.11 Die Einstellungen für den Verfügbarkeitsblock „Abholung“.

Ermöglicht Ihren Kunden, die Verfügbarkeit in Einzelhandelsgeschäften zu sehen, indem sie die Abholung vor Ort einrichten .

1.12 Die Einstellungen für den Beschreibungsblock.

Wählt die Größe für den Beschreibungstext aus:

    Klein
  • Mittel
  • Groß
  • Extra groß

1.13 Die Einstellungen für den Share-Block.

Blockeinstellungen Einstellungen Beschreibung
Aktie Text Fügt Text für den Block hinzu.

Beratungsstelle
Helpdesk anzeigen Ermöglicht die Anzeige des Helpdesks
Hilfeetikett Der Text beschreibt den Hilfe-Label-Block.
Hilfetyp Wählt zwischen Stil Schublade und Stil Seite für Ihre Hilfeseite.
Hilfeseite Fügt die URL hinzu, die Sie verlinken möchten.

1.14 Die Einstellungen für den Helpdesk-Block.

Blockeinstellungen Einstellungen Beschreibung
Beratungsstelle
Hilfeetikett Der Text beschreibt den Hilfe-Label-Block.
Hilfetyp Wählt zwischen Stil Schublade und Stil Seite für Ihre Hilfeseite.
Hilfeseite Wählt eine Seite aus, mit der der Helpdesk-Block verknüpft werden soll.

1.15 Die Einstellungen für den benutzerdefinierten Flüssigkeitsblock.

Sie können Ihren eigenen Liquid-Code hinzufügen, um einen benutzerdefinierten Block zu erstellen. Erfahren Sie mehr .

1.16 Die Einstellungen für den Produktbewertungsblock.

Zeigt die durchschnittliche Produktbewertung in Sternen mit der Anzahl der Bewertungen in Klammern an, zum Beispiel: ★★★★★ (8). Erfordert außerdem eine Produktbewertungs-App wie Shopify Product Reviews sowie Metafelddefinitionen für reviews.rating_count und reviews.rating. Erfahren Sie mehr .

1.17 Die Einstellungen für den Komplementärproduktblock.

Blockeinstellungen Einstellungen Beschreibung
Ergänzende Produkte
Überschrift Gibt Text für Ihr Ergänzungsprodukt ein.
Maximale Anzahl an Produkten, die angezeigt werden können Die Anzahl der ergänzenden Produkte kann zwischen 1 und 10 liegen.
Anbieter anzeigen Zeigt die Anbieter der Produkte an.
Preis anzeigen Zeigt die Preise der Produkte an.

1.18 Die Einstellungen für den zusammenklappbaren Zeilenblock.

Blockeinstellungen Einstellungen Beschreibung
Zusammenklappbare Reihe
Symbol Wählen Sie ein vorgefertigtes SVG-Symbol, das zu Ihrer ausklappbaren Registerkarte passt. Die Option „Keine“ deaktiviert das Symbol.
Überschrift Der Titel der Registerkarte. Wird angezeigt, wenn es minimiert und erweitert ist.
Zeileninhalt Der Inhalt der Registerkarte. Wird nur angezeigt, wenn die Registerkarte erweitert ist.
Zeileninhalt von Seite Zeigt den Inhalt einer Seite auf der Registerkarte an. Zeigt nur den Seiteninhalt aus dem Seiteneditor an, in diesem Block wird kein Liquid-Styling aus der Vorlage der Seite angezeigt. Alle in Tab-Inhalt eingegebenen Inhalte werden über dem Seiteninhalt angezeigt.

2. Hilfeschublade

In diesem Abschnitt erhalten Kunden schnellen und einfachen Zugriff auf Informationen wie die Produkte, Dienstleistungen und Richtlinien des Geschäfts .

Die Einstellungen des Hilfebereichs
Abschnittseinstellungen Einstellungen Beschreibung
Hilfsschublade
Überschrift Der Abschnittstitel.
Beschreibung Der Beschreibungstext für die Überschrift wird unterhalb der Überschrift platziert.

Verfügbarer Block: Inhaltsblock.

Die Einstellungen für den Inhaltsblock.

Blockeinstellungen Einstellungen Beschreibung
Inhalt
Symbol Wählt das Symbol für den Inhalt in der Liste aus.
Überschrift Großer Text für den Titel des Inhalts.
Text Hinzufügen Ihres Textes.

Beispiel: Teilen Sie Kontaktinformationen, Geschäftsdetails und Markeninhalte mit Ihren Kunden.

Hervorgehobener Text

Um dem Text eine animierte Hervorhebung hinzuzufügen, schließen Sie ihn einfach in Kursivschrift ein. Klicken Sie im Editor auf die Schaltfläche „I“, um die Kursivschrift beim Hervorheben von Text umzuschalten.

Hervorgehobener Text Wählt eine der folgenden 6 Optionen zum Formatieren Ihres Textes:
  • Textfarbe
  • Texthintergrundfarbe
  • Ausgefallene Unterstreichung
  • Regelmäßige Unterstreichung
  • Schablonentext
  • Handgezeichnetes Gekritzel
Hervorgehobenes Gekritzel

Der hervorgehobene Textstil muss auf „Handgezeichnetes Gekritzel“ eingestellt sein.

Diese Einstellung bietet 5 Möglichkeiten zum Hervorheben von Text:
  • Kreis
  • Grundlegende Unterstreichung
  • Skizze unterstreichen
  • Kringel unterstreichen
  • Kringel unterstreichen 2
Farbe

Der Farbverlauf ersetzt Volltonfarben, wenn er eingestellt ist.

Sie können optional die Farben des Abschnitts anpassen, einschließlich der folgenden:
  • Text
  • Hintergrund
  • Hintergrundverlauf
  • Markieren
  • Markieren Sie den Farbverlauf

3. Videoheld

.

Die Einstellungen für den Abschnitt „Videoheld“.
Abschnittseinstellungen Einstellungen Beschreibung
Videoheld Transparente Kopfzeile zulassen Diese Einstellung gilt nur, wenn dieser Abschnitt der erste ist.
Von Shopify gehostetes Video Video Wählt ein Video aus einem von Shopify gehosteten Video aus.
Video von URL einbetten
URL Der YouTube- oder Vimeo-Link zum Video. Das Video muss öffentlich zugänglich sein.
Titelbild Das Bild, das angezeigt wird, bevor ein Kunde das Video abspielt.
Video-ALT-Text Beschreibt das Video, um es für Kunden zugänglich zu machen, die Screenreader verwenden.
Aktivieren Sie die automatische Videowiedergabe Spielt Videos automatisch ab.

Breite des Desktop-Inhalts Bestimmt die Breite des Bildes bei der Anzeige auf dem Desktop:
  • Klein
  • Mittel
  • Groß
Mobiles Layout
Mobiles Video Wählt ein Video aus bzw. lädt es hoch, indem es es in einem mobilen Browser hochlädt.
Oder betten Sie das Video von der URL ein Bettet ein Video von einer URL in einen mobilen Browser ein.
Handy-Titelbild Das Bild, das angezeigt wird, bevor ein Kunde das Video im mobilen Browser abspielt.
Mobile Höhe Bestimmt die Höhe des Bildes bei der Anzeige auf Mobilgeräten:
  • Auto – Der Browser entscheidet basierend auf dem Desktop-Wert.
  • 200px - 200px.
  • 250px - 250px.
  • 300px - 300px.
  • 400px - 400px.
  • 500px - 500px.
  • Vollbild
  • – Erweitert das Bild auf die Höhe des Browserfensters.
Farbe

Der Farbverlauf ersetzt Volltonfarben, wenn er eingestellt ist.

Sie können optional die Farben des Abschnitts anpassen, einschließlich der folgenden:
  • Text
  • Markieren
  • Markieren Sie den Farbverlauf
  • Überlagerung
  • Die Deckkraft der Überlagerung kann von 0 % bis 100 % angepasst werden.
Abschnitt
Kann die Polsterung in der Polsterung oben und unten von 0 Pixel bis 120 Pixel anpassen und rechnerisch um 4 Pixel erhöhen.
Abschnittstrenner anzeigen Zeigt einen Zeilentrenner über diesem Abschnitt an.
Machen Sie den Abschnitt in voller Breite Machen Sie den Behälter über die volle Breite.
Machen Sie den Abschnitt abgerundet Wendet eine abgerundete Kante auf die beiden oberen Ecken an.
Benutzerdefinierte CSS Fügt diesem Abschnitt benutzerdefiniertes CSS hinzu.

Verfügbarer Block: Gleitblock.

Die Einstellungen für den Slide-Block.

Blockeinstellungen Einstellungen Beschreibung
Gleiten
Überschrift Der Blocktitel.
Überschriftengröße Die Überschriftengröße kann auf eine der folgenden Optionen eingestellt werden: Klein , Mittel , Groß oder Extragroß .
Überschriften-Tag Wählt das Überschriften-Tag aus, um Ihre Inhalte für SEO zu strukturieren und zu organisieren.
Hervorgehobener Text

Um dem Text eine animierte Hervorhebung hinzuzufügen, schließen Sie ihn einfach in Kursivschrift ein. Klicken Sie im Editor auf die Schaltfläche „I“, um die Kursivschrift beim Hervorheben von Text umzuschalten.

Hervorgehobener Text Wählt eine der folgenden 6 Optionen zum Formatieren Ihres Textes:
  • Textfarbe
  • Texthintergrundfarbe
  • Ausgefallene Unterstreichung
  • Regelmäßige Unterstreichung
  • Schablonentext
  • Handgezeichnetes Gekritzel
Hervorgehobenes Gekritzel

Der hervorgehobene Textstil muss auf „Handgezeichnetes Gekritzel“ eingestellt sein.

Diese Einstellung bietet 5 Möglichkeiten zum Hervorheben von Text:
  • Kreis
  • Grundlegende Unterstreichung
  • Skizze unterstreichen
  • Kringel unterstreichen
  • Kringel unterstreichen 2

4. Collage

In diesem Abschnitt wird eine Collage aus Videos oder Bildern in zwei Spalten erstellt. Standardmäßig enthält der Abschnitt einen Video-, Produkt- und Sammlungsblock.

Die Einstellungen für den Collage-Bereich
Abschnittseinstellungen Einstellungen Beschreibung
Überschrift
Überschrift Der Abschnittstitel.
Überschriftengröße Die Überschriftengröße kann auf eine der folgenden Optionen eingestellt werden: Klein , Mittel , Groß oder Extragroß .
Ausrichtung der Überschrift Die Überschrift kann nach links , in der Mitte oder nach rechts ausgerichtet werden.
Überschriften-Tag Wählt das Überschriften-Tag aus, um Ihre Inhalte für SEO zu strukturieren und zu organisieren.
Unterüberschrift Die Unterüberschrift zur Überschrift wird über der Überschrift platziert.
Beschreibung Der Beschreibungstext für die Überschrift wird unterhalb der Überschrift platziert.
Knopfbeschriftung Der Text, der auf der Schaltfläche angezeigt wird.
Schaltflächenlink Die URL der Schaltfläche.
Hervorgehobener Text

Um dem Text eine animierte Hervorhebung hinzuzufügen, schließen Sie ihn einfach in Kursivschrift ein. Klicken Sie im Editor auf die Schaltfläche „I“, um die Kursivschrift beim Hervorheben von Text umzuschalten.

Hervorgehobener Text Wählt eine der folgenden 6 Optionen zum Formatieren Ihres Textes:
  • Textfarbe
  • Texthintergrundfarbe
  • Ausgefallene Unterstreichung
  • Regelmäßige Unterstreichung
  • Schablonentext
  • Handgezeichnetes Gekritzel
Hervorgehobenes Gekritzel

Der hervorgehobene Textstil muss auf „Handgezeichnetes Gekritzel“ eingestellt sein.

Diese Einstellung bietet 5 Möglichkeiten zum Hervorheben von Text:
  • Kreis
  • Grundlegende Unterstreichung
  • Skizze unterstreichen
  • Kringel unterstreichen
  • Kringel unterstreichen 2
Farbe

Der Farbverlauf ersetzt Volltonfarben, wenn er eingestellt ist.

Sie können optional die Farben des Abschnitts anpassen, einschließlich der folgenden:
  • Text
  • "
  • Hintergrund
  • Hintergrundverlauf
  • Markieren
  • Markieren Sie den Farbverlauf
  • Schaltflächentext
  • Schaltflächenhintergrund
  • Hintergrundverlauf der Schaltfläche
Abschnitt
Kann die Polsterung in der Polsterung oben und unten von 0 Pixel bis 120 Pixel anpassen und rechnerisch um 4 Pixel erhöhen.
Abschnittstrenner anzeigen Zeigt einen Zeilentrenner über diesem Abschnitt an.
Machen Sie den Abschnitt schmaler Macht den Behälter schmaler.
Machen Sie den Abschnitt abgerundet Wendet eine abgerundete Kante auf die beiden oberen Ecken an.
Parallaxeneffekt aktivieren Aktivieren Sie den Parallaxeneffekt, der die Illusion von Tiefe in einem zweidimensionalen Bild oder einer zweidimensionalen Szene erzeugt.
Benutzerdefinierte CSS Fügt diesem Abschnitt benutzerdefiniertes CSS hinzu.

Verfügbare Blöcke:

  • 4.1 Bildblock
  • 4.2 Videoblock

4.1 Die Einstellungen für den Bildblock.

Blockeinstellungen Einstellungen Beschreibung
Bild
Unterüberschrift Die Unterüberschrift zur Überschrift wird über der Überschrift platziert.
Überschrift Der Blocktitel.
Verknüpfung Der Link, zu dem Kunden navigieren sollen, wenn sie darauf klicken.
Zwischenüberschrift und Überschrift umkehren Vertauscht die Position von Überschrift und Unterüberschrift.
Bild Wählt ein Bild für den Block aus bzw. lädt es hoch.
Bildverhältnis Das Bildverhältnis für die Blogpost-Bilder:
  • An Bild anpassen (Standard) – Verwendet das Seitenverhältnis der Bilder. Dadurch wird verhindert, dass die Bilder beschnitten werden.
  • Quadratisch – Beschneidet die Bilder im Verhältnis 1:1.
  • Porträt – Beschneidet die Bilder im Verhältnis 2:3.
  • Querformat – Beschneidet die Bilder im Verhältnis 3:2.
  • Breit – Beschneidet die Bilder auf das Seitenverhältnis 16:9.
Position des Desktop-Inhalts Die Position des Inhalts auf dem Desktop:
  • Oben links Mitte
  • links unten links
  • oben Mitte Mitte
  • Mitte
  • unten
  • Mitte
  • oben rechts
  • Mitte rechts
  • unten rechts
Ausrichtung von Desktop-Inhalten Die Ausrichtung des Inhalts auf dem Desktop:
  • Links
  • Mitte
  • rechts
Mobiles Layout
Mobiles Bild Das Bild für den Block wird auf Mobilgeräten angezeigt.
Mobiles Bildverhältnis Das Bildverhältnis für die Bilder im mobilen Browser:
  • An Bild anpassen (Standard) – Verwendet das Seitenverhältnis der Bilder. Dadurch wird verhindert, dass die Bilder beschnitten werden.
  • Quadratisch – Beschneidet die Bilder im Verhältnis 1:1.
  • Porträt – Beschneidet die Bilder im Verhältnis 2:3.
  • Querformat – Beschneidet die Bilder im Verhältnis 3:2.
  • Breit – Beschneidet die Bilder auf das Seitenverhältnis 16:9.
  • Abgerundet – Beschneiden Sie die Bilder als Kreis
Position des mobilen Inhalts Die Position des Inhalts im mobilen Browser:
  • Oben links Mitte
  • links unten links
  • oben Mitte Mitte
  • Mitte
  • unten
  • Mitte
  • oben rechts
  • Mitte rechts
  • unten rechts
Ausrichtung mobiler Inhalte Die Ausrichtung des Inhalts im mobilen Browser:
  • Links
  • Mitte
  • rechts
Hervorgehobener Text

Um dem Text eine animierte Hervorhebung hinzuzufügen, schließen Sie ihn einfach in Kursivschrift ein. Klicken Sie im Editor auf die Schaltfläche „I“, um beim Hervorheben von Text die Kursivschrift umzuschalten.

Hervorgehobener Text Wählt eine der folgenden 6 Optionen zum Formatieren Ihres Textes:
  • Textfarbe
  • Texthintergrundfarbe
  • Ausgefallene Unterstreichung
  • Regelmäßige Unterstreichung
  • Schablonentext
  • Handgezeichnetes Gekritzel
Hervorgehobenes Gekritzel

Der hervorgehobene Textstil muss auf „Handgezeichnetes Gekritzel“ eingestellt sein.

Diese Einstellung bietet 5 Möglichkeiten zum Hervorheben von Text:
  • Kreis
  • Grundlegende Unterstreichung
  • Skizze unterstreichen
  • Kringel unterstreichen
  • Kringel unterstreichen 2
Farbe

Der Farbverlauf ersetzt Volltonfarben, wenn er eingestellt ist.

Sie können optional die Farben des Abschnitts anpassen, einschließlich der folgenden:
  • Text
  • Markieren
  • Markieren Sie den Farbverlauf
  • Überlagerung
  • Die Deckkraft der Überlagerung kann von 0 % bis 100 % angepasst werden.

4.2 Die Einstellungen für den Videoblock.

Blockeinstellungen Einstellungen Beschreibung
Video
Unterüberschrift Die Unterüberschrift zur Überschrift wird über der Überschrift platziert.
Überschrift Der Blocktitel.
Verknüpfung Der Link, zu dem Kunden navigieren sollen, wenn sie darauf klicken.
Zwischenüberschrift und Überschrift umkehren Vertauscht die Position von Überschrift und Unterüberschrift.
Von Shopify gehostetes Video Video Wählt ein Video aus einem von Shopify gehosteten Video aus
Video von URL einbetten
URL Der YouTube- oder Vimeo-Link zum Video. Das Video muss öffentlich zugänglich sein.
Titelbild Das Bild, das vor der Wiedergabe des Videos angezeigt wird.
Video-ALT-Text Beschreiben Sie das Video, um es für Kunden zugänglich zu machen, die Screenreader verwenden.
Aktivieren Sie die automatische Videowiedergabe Video automatisch abspielen.
Aktivieren Sie Video-Looping Video wiederholt abspielen.
Bildverhältnis Das Bildverhältnis für die Blogpost-Bilder:
  • An Bild anpassen (Standard) – Verwendet das Seitenverhältnis der Bilder. Dadurch wird verhindert, dass die Bilder beschnitten werden.
  • Quadratisch – Beschneidet die Bilder im Verhältnis 1:1.
  • Porträt – Beschneidet die Bilder im Verhältnis 2:3.
  • Querformat – Beschneidet die Bilder im Verhältnis 3:2.
  • Breit – Beschneidet die Bilder auf das Seitenverhältnis 16:9.
Position des Desktop-Inhalts Legt die Position des Inhalts auf dem Desktop fest:
  • Oben links Mitte
  • links unten links
  • oben Mitte Mitte
  • Mitte
  • unten
  • Mitte
  • oben rechts
  • Mitte rechts
  • unten rechts
Ausrichtung von Desktop-Inhalten Legt die Ausrichtung des Inhalts auf dem Desktop fest:
  • Links
  • Mitte
  • rechts
Mobiles Layout

Diese Einstellungen passen Inhalte an verschiedene Bildschirme an.

Mobiles Video Wählt ein Video aus bzw. lädt es hoch, indem es es für einen mobilen Browser hochlädt.
Oder betten Sie das Video von der URL ein Betten Sie ein Video von einer URL in einen mobilen Browser ein.
Handy-Titelbild Das Bild, das angezeigt wird, bevor das Video auf Mobilgeräten abgespielt wird.
Mobiles Bildverhältnis Das Bildverhältnis für die Bilder im Desktop-Browser:
  • An Bild anpassen (Standard) – Verwendet das Seitenverhältnis der Bilder. Dadurch wird verhindert, dass die Bilder beschnitten werden.
  • Quadratisch – Beschneidet die Bilder im Verhältnis 1:1.
  • Porträt – Beschneidet die Bilder im Verhältnis 2:3.
  • Querformat – Beschneidet die Bilder im Verhältnis 3:2.
  • Breit – Beschneidet die Bilder auf das Seitenverhältnis 16:9.
Position des mobilen Inhalts Legt die Position des Inhalts im mobilen Browser fest:
  • Oben links Mitte
  • links unten links
  • oben Mitte Mitte
  • Mitte
  • unten
  • Mitte
  • oben rechts
  • Mitte rechts
  • unten rechts
Ausrichtung mobiler Inhalte Legt die Ausrichtung des Inhalts im mobilen Browser fest:
  • Links
  • Mitte
  • rechts
Hervorgehobener Text

Um dem Text eine animierte Hervorhebung hinzuzufügen, schließen Sie ihn einfach in Kursivschrift ein. Klicken Sie im Editor auf die Schaltfläche „I“, um beim Hervorheben von Text die Kursivschrift umzuschalten.

Hervorgehobener Text Wählt eine der folgenden 6 Optionen zum Formatieren Ihres Textes:
  • Textfarbe
  • Texthintergrundfarbe
  • Ausgefallene Unterstreichung
  • Regelmäßige Unterstreichung
  • Schablonentext
  • Handgezeichnetes Gekritzel
Hervorgehobenes Gekritzel

Der hervorgehobene Textstil muss auf „Handgezeichnetes Gekritzel“ eingestellt sein.

Diese Einstellung bietet 5 Möglichkeiten zum Hervorheben von Text:
  • Kreis
  • Grundlegende Unterstreichung
  • Skizze unterstreichen
  • Kringel unterstreichen
  • Kringel unterstreichen 2
Farbe

Der Farbverlauf ersetzt Volltonfarben, wenn er eingestellt ist.

Sie können optional die Farben des Abschnitts anpassen, einschließlich der folgenden:
  • Text
  • Markieren
  • Markieren Sie den Farbverlauf
  • Überlagerung
  • Die Deckkraft der Überlagerung kann von 0 % bis 100 % angepasst werden.

5. Bild mit Text

Sie können einen Abschnitt hinzufügen, der ein Bild und einen Textblock mit einer optionalen Schaltfläche enthält, um Kunden auf eine neue Seite zu verlinken. Kombinieren Sie Text mit einem Bild, um sich auf das von Ihnen gewählte Produkt, die Kollektion oder den Blogbeitrag zu konzentrieren. Fügen Sie Details zur Verfügbarkeit und zum Stil hinzu oder geben Sie sogar eine Bewertung ab.

Die Einstellungen für den Abschnitt „Bild mit Text“.
Abschnittseinstellungen Einstellungen Beschreibung
Bild mit Text
Bild Das Bild für den Abschnitt wird im Desktop-Browser angezeigt.
Tischhöhe Bestimmt die Höhe des Bildes bei der Anzeige auf dem Desktop:
  • An Bild anpassen – Behält das ursprüngliche Seitenverhältnis des Bildes bei.
  • 400px - 400px.
  • 450px - 450px.
  • 550px - 550px.
  • 650px - 650px.
  • 750px – 750px
  • Vollbild
  • – Erweitert das Bild, um die Höhe des Fensterbrowsers anzupassen.
Breite des Desktop-Bildes Bestimmen Sie die Breite des Bildes bei der Anzeige auf dem Desktop: Klein, Mittel oder Groß
Platzierung von Desktop-Bildern Das Layout für den Abschnitt auf dem Desktop:
  • Bild zuerst: Zeigt das Bild links an.
  • Bild 2: Zeigt den Text links an.
„Bild zuerst“ ist das Standardlayout für Mobilgeräte
Ausrichtung von Desktop-Inhalten Legt die Ausrichtung des Inhalts auf dem Desktop fest:
  • Links
  • Mitte
  • rechts
Mobiles Layout
Mobiles Bild Das Bild für den Abschnitt wird im mobilen Browser angezeigt.
Mobile Höhe Bestimmt die Höhe des Bildes bei der Anzeige auf Mobilgeräten:
  • Auto – Der Browser entscheidet basierend auf dem Desktop-Wert.
  • 200px - 200px.
  • 250px - 250px.
  • 300px - 300px.
  • 400px - 400px.
  • 500px - 500px.
  • Vollbild – Erweitert das Bild auf die Höhe des Browserfensters.
Ausrichtung mobiler Inhalte Legt die Ausrichtung des Inhalts im mobilen Browser fest:
  • Links
  • Mitte
  • rechts
Farbe

Der Farbverlauf ersetzt Volltonfarben, wenn er eingestellt ist.

Sie können optional die Farben des Abschnitts anpassen, einschließlich der folgenden:
  • Text
  • Hintergrund
  • Hintergrundverlauf
  • Markieren
  • Markieren Sie den Farbverlauf
  • Schaltflächentext
  • Schaltflächenhintergrund
  • Hintergrundverlauf der Schaltfläche
Abschnitt
Kann die Polsterung in der Polsterung oben und unten von 0 Pixel bis 120 Pixel anpassen und rechnerisch um 4 Pixel erhöhen.
Abschnittstrenner anzeigen Zeigt einen Zeilentrenner über diesem Abschnitt an.
Machen Sie den Abschnitt schmaler Macht den Behälter schmaler.
Machen Sie den Abschnitt abgerundet Wendet eine abgerundete Kante auf die beiden oberen Ecken an.
Parallaxeneffekt aktivieren Aktivieren Sie diese Option, um den Parallaxeneffekt anzuzeigen, der die Illusion von Tiefe in einem zweidimensionalen Bild oder einer zweidimensionalen Szene erzeugt.
Benutzerdefinierte CSS Fügt diesem Abschnitt benutzerdefiniertes CSS hinzu.

Verfügbare Blöcke:

  • 5.1 Überschrift
  • 5.2 Text
  • 5.3 Schaltfläche
  • 5.4 Link
  • 5.5 Bild
  • 5.6 Benutzerdefinierte Flüssigkeit
  • 5.7 Leerraum

5.1 Die Einstellungen für den Heading-Block.

Blockeinstellungen Einstellungen Beschreibung
Überschrift
Überschrift Der Blocktitel.
Überschriftengröße Die Überschriftengröße kann auf eine der folgenden Optionen eingestellt werden: Klein , Mittel , Groß oder Extragroß .
Überschriften-Tag Wählt das Überschriften-Tag aus, um Ihren Inhalt für SEO zu strukturieren und zu organisieren.
Hervorgehobener Text

Um dem Text eine animierte Hervorhebung hinzuzufügen, schließen Sie ihn einfach in Kursivschrift ein. Klicken Sie im Editor auf die Schaltfläche „I“, um beim Hervorheben von Text die Kursivschrift umzuschalten.

Hervorgehobener Text Wählt eine der folgenden 6 Optionen zum Formatieren Ihres Textes:
  • Textfarbe
  • Texthintergrundfarbe
  • Ausgefallene Unterstreichung
  • Regelmäßige Unterstreichung
  • Schablonentext
  • Handgezeichnetes Gekritzel
Hervorgehobenes Gekritzel

Der hervorgehobene Textstil muss auf „Handgezeichnetes Gekritzel“ eingestellt sein.

Diese Einstellung bietet 5 Möglichkeiten zum Hervorheben von Text:
  • Kreis
  • Grundlegende Unterstreichung
  • Skizze unterstreichen
  • Kringel unterstreichen
  • Kringel unterstreichen 2

5.2 Die Einstellungen für den Textblock.

Blockeinstellungen Einstellungen Beschreibung
Text
Text Hinzufügen Ihres Textes.

Textgröße Die Textgröße kann auf eine der folgenden Optionen eingestellt werden:
  • Klein
  • Mittel
  • Groß
  • Extra groß
  • Maßgeschneidert.
  • Mit der benutzerdefinierten Option können Sie die Textgröße auf jeden gewünschten Wert einstellen, von 12 Pixel bis 128 Pixel, arithmetisch um 2 Pixel erhöhend.

Schriftart Wählen Sie zwischen zwei Optionen für die Textformatierung: Textkörper oder Überschrift .
Sekundärfarbe verwenden Sekundärfarbe aktivieren.
Hervorgehobener Text

Um dem Text eine animierte Hervorhebung hinzuzufügen, schließen Sie ihn einfach in Kursivschrift ein. Klicken Sie im Editor auf die Schaltfläche „I“, um beim Hervorheben von Text die Kursivschrift umzuschalten.

Hervorgehobener Text Wählt eine der folgenden 6 Optionen zum Formatieren Ihres Textes:
  • Textfarbe
  • Texthintergrundfarbe
  • Ausgefallene Unterstreichung
  • Regelmäßige Unterstreichung
  • Schablonentext
  • Handgezeichnetes Gekritzel
Hervorgehobenes Gekritzel

Der hervorgehobene Textstil muss auf „Handgezeichnetes Gekritzel“ eingestellt sein.

Diese Einstellung bietet 5 Möglichkeiten zum Hervorheben von Text:
  • Kreis
  • Grundlegende Unterstreichung
  • Skizze unterstreichen
  • Kringel unterstreichen
  • Kringel unterstreichen 2

5.3 Die Einstellungen für den Button-Block.

Blockeinstellungen Einstellungen Beschreibung
Taste
Knopfbeschriftung Der Text, der auf der Schaltfläche angezeigt wird.
Schaltflächenlink Die URL der Schaltfläche.
Knopfgröße Passen Sie die Größe der Schaltfläche in drei Optionen an: Klein, Mittel oder Groß
Verwenden Sie den Schaltflächenstil „Umriss“. Verwendet den Umrissstil für die Schaltfläche.

5.4 Die Einstellungen für den Link-Block.

Blockeinstellungen Einstellungen Beschreibung
Verknüpfung
Text Der Text des Links, der direkt neben der Schaltfläche platziert wird.
Verknüpfung Fügen Sie die URL hinzu, die Sie verlinken möchten.

5.5 Die Einstellungen für den Bildblock.

Blockeinstellungen Einstellungen Beschreibung
Bild
Bild Wählt ein Bild für den Block aus.
Bild breite Wählt eine von zwei Bildbreitenoptionen:
  • Volle Breite: Das Bild füllt das gesamte Browserfenster aus.
  • Benutzerdefiniert: Legt die Bildbreite in 10-Pixel-Schritten zwischen 20 Pixel und 1000 Pixel fest.

5.6 Die Einstellungen für den benutzerdefinierten Flüssigkeitsblock.

Sie können Ihren eigenen Liquid-Code hinzufügen, um einen benutzerdefinierten Block zu erstellen.

5.7 Die Einstellungen für den Leerraumblock.

Blockeinstellungen Einstellungen Beschreibung
Freiraum
Tischhöhe Bestimmt die Höhe des leeren Bereichs bei der Anzeige auf dem Desktop. Kann zwischen 0 und 120 Pixel liegen und sich rechnerisch um 4 Pixel erhöhen. Der Standardwert ist 40 px.
Mobile Höhe Bestimmt die Höhe des leeren Bereichs bei der Anzeige auf Mobilgeräten. Kann zwischen 0 und 120 Pixel liegen und sich rechnerisch um 4 Pixel erhöhen. Der Standardwert ist 28 px.

6. Lauftext

In diesem Abschnitt können Sie Lauftext erstellen, der sich über den Bildschirm bewegt. Es kann verwendet werden, um viele Informationen auf kleinem Raum anzuzeigen, Aufmerksamkeit zu erregen oder für andere Zwecke.

Die Einstellungen für den Abschnitt „Lauftext“.
Abschnittseinstellungen Einstellungen Beschreibung
Lauftext
Richtung Wählen Sie die gewünschte Scrollrichtung:
  • Links: Scrollen von rechts nach links
  • Rechts: Scrollen von links nach rechts
Geschwindigkeit Bestimmt die Geschwindigkeit des Lauftextes. Kann zwischen 0,5/100 Pixel und 2,5/100 Pixel liegen und sich arithmetisch um 0,1/100 Pixel erhöhen.
Horizontaler Raum Der Abstand zwischen den Texten liegt zwischen 50 und 200 Pixel und erhöht sich in Schritten von jeweils 5 Pixel.
Aktivieren Sie Doppelzelte Zeigt zwei Laufschriften gleichzeitig an
Parallaxeneffekt aktivieren Aktivieren Sie den Parallaxeneffekt, der die Illusion von Tiefe in einem zweidimensionalen Bild oder einer zweidimensionalen Szene erzeugt. Mit dieser Einstellung kann Lauftext hervorgehoben werden.
Farbe

Der Farbverlauf ersetzt Volltonfarben, wenn er eingestellt ist.

Sie können optional die Farben des Abschnitts anpassen, einschließlich der folgenden:
  • Text
  • Hintergrund
  • Hintergrundverlauf
  • Markieren
  • Markieren Sie den Farbverlauf
  • Schaltflächentext
  • Schaltflächenhintergrund
  • Hintergrundverlauf der Schaltfläche
Abschnitt
Kann die Polsterung in der Polsterung oben und unten von 0 Pixel bis 120 Pixel anpassen und rechnerisch um 4 Pixel erhöhen.
Abschnittstrenner anzeigen Zeigt einen Zeilentrenner über diesem Abschnitt an.
Machen Sie den Abschnitt schmaler Macht den Behälter schmaler.
Machen Sie den Abschnitt abgerundet Wendet eine abgerundete Kante auf die beiden oberen Ecken an.
Benutzerdefinierte CSS Fügt diesem Abschnitt benutzerdefiniertes CSS hinzu.

Verfügbare Blöcke:

  • Textblock
  • Bildblock

6.1 Die Einstellungen für den Textblock.

Blockeinstellungen Einstellungen Beschreibung
Text
Text Hinzufügen Ihres Textes.

Textgröße Die Textgröße kann zwischen 12 und 180 Pixel eingestellt werden.
Schriftart Wählt zwischen zwei Optionen für die Textformatierung: Textkörper oder Überschrift .
Schablonentext Schablonentext aktivieren.

Funktioniert möglicherweise nicht in allen Browsern.

6.2 Die Einstellungen für den Bildblock.

Blockeinstellungen Einstellungen Beschreibung
Text
Bild Wählt ein Bild für den Block aus.
Bildhöhe Die Bildhöhe kann zwischen 12px und 180px eingestellt werden.

7. Produktdetails

In diesem Abschnitt werden Informationen zum Produkt angezeigt.

Die Einstellungen des Abschnitts Produktdetails
Abschnittseinstellungen Einstellungen Beschreibung
Produktdetails
Öffnen Sie die erste zusammenklappbare Reihe Ermöglicht das Öffnen der ersten zusammenklappbaren Reihe.
Überschrift „Spezifikationen“. Fügt Ihren Text hinzu, der in die Box aufgenommen werden soll.
Überschrift
Überschrift Der Abschnittstitel.
Überschriftengröße Die Überschriftengröße kann auf eine der folgenden Optionen eingestellt werden: Klein , Mittel , Groß oder Extragroß .
Ausrichtung der Überschrift Die Überschrift kann nach links , in der Mitte oder nach rechts ausgerichtet werden.
Überschriften-Tag Wählt das Überschriften-Tag aus, um Ihre Inhalte für SEO zu strukturieren und zu organisieren.
Unterüberschrift Die Unterüberschrift zur Überschrift wird über der Überschrift platziert.
Beschreibung Der Beschreibungstext für die Überschrift wird unterhalb der Überschrift platziert.
Hervorgehobener Text

Um dem Text eine animierte Hervorhebung hinzuzufügen, schließen Sie ihn einfach in Kursivschrift ein. Klicken Sie im Editor auf die Schaltfläche „I“, um beim Hervorheben von Text die Kursivschrift umzuschalten.

Hervorgehobener Text Wählt eine der folgenden 6 Optionen zum Formatieren Ihres Textes:
  • Textfarbe
  • Texthintergrundfarbe
  • Ausgefallene Unterstreichung
  • Regelmäßige Unterstreichung
  • Schablonentext
  • Handgezeichnetes Gekritzel
Hervorgehobenes Gekritzel

Der hervorgehobene Textstil muss auf „Handgezeichnetes Gekritzel“ eingestellt sein.

Diese Einstellung bietet 5 Möglichkeiten zum Hervorheben von Text:
  • Kreis
  • Grundlegende Unterstreichung
  • Skizze unterstreichen
  • Kringel unterstreichen
  • Kringel unterstreichen 2
Farbe

Der Farbverlauf ersetzt Volltonfarben, wenn er eingestellt ist.

Sie können optional die Farben des Abschnitts anpassen, einschließlich der folgenden:
  • Text
  • Hintergrund
  • Hintergrundverlauf
  • Markieren
  • Markieren Sie den Farbverlauf
Abschnitt
Kann die Polsterung in der Polsterung oben und unten von 0 Pixel bis 120 Pixel anpassen und rechnerisch um 4 Pixel erhöhen.
Abschnittstrenner anzeigen Zeigt einen Zeilentrenner über diesem Abschnitt an.
Machen Sie den Abschnitt schmaler Macht den Behälter schmaler.
Machen Sie den Abschnitt abgerundet Wendet eine abgerundete Kante auf die beiden oberen Ecken an.
Benutzerdefinierte CSS Fügt diesem Abschnitt benutzerdefiniertes CSS hinzu.

Verfügbare Blöcke:

  • 7.1 Beschreibung
  • 7.2 Zusammenklappbare Reihe
  • 7.3 Spezifikation

7.1 Die Einstellungen für den Beschreibungsblock.

Überschrift – Fügt Ihren Überschriftentext hinzu.

7.2 Die Einstellungen für den zusammenklappbaren Zeilenblock.

Blockeinstellungen Einstellungen Beschreibung
zusammenklappbare Reihe
Überschrift Der Titel der Registerkarte. Wird angezeigt, wenn es minimiert und erweitert ist.
Zeileninhalt Der Inhalt der Registerkarte. Wird nur angezeigt, wenn die Registerkarte erweitert ist.
Metafelder Geben Sie den Namensraum und den Schlüssel des Metafelds ein, das den Wert enthält. Jedes Metafeld muss in einer eigenen Zeile stehen.

7.3 Die Einstellungen für den Spezifikationsblock.

Blockeinstellungen Einstellungen Beschreibung
Symbol Wählt ein Symbolbild aus bzw. lädt es hoch.
Überschrift Der Blocktitel.

8. FAQ

In diesem Abschnitt finden Sie Informationen zu häufig gestellten Fragen.

Die Einstellungen für den FAQ-Bereich
Abschnittseinstellungen Einstellungen Beschreibung
FAQ Stil Wählen Sie „Mit Rahmenstil “ oder „Mit Hintergrundstil “, um den Abschnitt anzuzeigen
Überschrift
Überschrift Der Abschnittstitel.
Überschriftengröße Die Überschriftengröße kann auf eine der folgenden Optionen eingestellt werden: Klein , Mittel , Groß oder Extragroß .
Ausrichtung der Überschrift Die Überschrift kann nach links , in der Mitte oder nach rechts ausgerichtet werden.
Überschriften-Tag Wählt das Überschriften-Tag aus, um Ihre Inhalte für SEO zu strukturieren und zu organisieren.
Unterüberschrift Die Unterüberschrift zur Überschrift wird über der Überschrift platziert.
Beschreibung Der Beschreibungstext für die Überschrift wird unterhalb der Überschrift platziert.
Knopfbeschriftung Der Text, der auf der Schaltfläche angezeigt wird.
Schaltflächenlink Die URL der Schaltfläche.
Hervorgehobener Text

Um dem Text eine animierte Hervorhebung hinzuzufügen, schließen Sie ihn einfach in Kursivschrift ein. Klicken Sie im Editor auf die Schaltfläche „I“, um die Kursivschrift beim Hervorheben von Text umzuschalten.

Hervorgehobener Text Wählt eine der folgenden 6 Optionen zum Formatieren Ihres Textes:
  • Textfarbe
  • Texthintergrundfarbe
  • Ausgefallene Unterstreichung
  • Regelmäßige Unterstreichung
  • Schablonentext
  • Handgezeichnetes Gekritzel
Hervorgehobenes Gekritzel

Der hervorgehobene Textstil muss auf „Handgezeichnetes Gekritzel“ eingestellt sein.

Diese Einstellung bietet 5 Möglichkeiten zum Hervorheben von Text:
  • Kreis
  • Grundlegende Unterstreichung
  • Skizze unterstreichen
  • Kringel unterstreichen
  • Kringel unterstreichen 2
Farbe

Der Farbverlauf ersetzt Volltonfarben, wenn er eingestellt ist.

Sie können optional die Farben des Abschnitts anpassen, einschließlich der folgenden:
  • Text
  • Hintergrund
  • Hintergrundverlauf
  • Markieren
  • Markieren Sie den Farbverlauf
  • Schaltflächentext
  • Schaltflächenhintergrund
  • Hintergrundverlauf der Schaltfläche
Abschnitt
Kann die Polsterung in der Polsterung oben und unten von 0 Pixel bis 120 Pixel anpassen und rechnerisch um 4 Pixel erhöhen.
Abschnittstrenner anzeigen Zeigt einen Zeilentrenner über diesem Abschnitt an.
Machen Sie den Abschnitt schmaler Macht den Behälter schmaler.
Machen Sie den Abschnitt abgerundet Wendet eine abgerundete Kante auf die beiden oberen Ecken an.
Benutzerdefinierte CSS Fügt diesem Abschnitt benutzerdefiniertes CSS hinzu.

Verfügbare Blöcke:

  • 8.1 Rich-Text
  • 8.2 Frage
  • 8.3 Kontaktformular

8.1 Die Einstellungen für den Rich-Text-Block.

Blockeinstellungen Einstellungen Beschreibung
Rich-Text
Titel Der Blocktitel.
Text Fügt beschreibenden Text für diesen Block hinzu.
Hervorgehobener Text

Um dem Text eine animierte Hervorhebung hinzuzufügen, schließen Sie ihn einfach in Kursivschrift ein. Klicken Sie im Editor auf die Schaltfläche „I“, um die Kursivschrift beim Hervorheben von Text umzuschalten.

Hervorgehobener Text Wählt eine der folgenden 6 Optionen zum Formatieren Ihres Textes:
  • Textfarbe
  • Texthintergrundfarbe
  • Ausgefallene Unterstreichung
  • Regelmäßige Unterstreichung
  • Schablonentext
  • Handgezeichnetes Gekritzel
Hervorgehobenes Gekritzel

Der hervorgehobene Textstil muss auf „Handgezeichnetes Gekritzel“ eingestellt sein.

Diese Einstellung bietet 5 Möglichkeiten zum Hervorheben von Text:
  • Kreis
  • Grundlegende Unterstreichung
  • Skizze unterstreichen
  • Kringel unterstreichen
  • Kringel unterstreichen 2

8.2 Die Einstellungen für den Fragenblock.

Blockeinstellungen Einstellungen Beschreibung
Frage
Frage Fügt eine häufig gestellte Frage hinzu.
Antwort Fügt die Antwort hinzu.
Hervorgehobener Text

Um dem Text eine animierte Hervorhebung hinzuzufügen, schließen Sie ihn einfach in Kursivschrift ein. Klicken Sie im Editor auf die Schaltfläche „I“, um die Kursivschrift beim Hervorheben von Text umzuschalten.

Hervorgehobener Text Wählt eine der folgenden 6 Optionen zum Formatieren Ihres Textes:
  • Textfarbe
  • Texthintergrundfarbe
  • Ausgefallene Unterstreichung
  • Regelmäßige Unterstreichung
  • Schablonentext
  • Handgezeichnetes Gekritzel
Hervorgehobenes Gekritzel

Der hervorgehobene Textstil muss auf „Handgezeichnetes Gekritzel“ eingestellt sein.

Diese Einstellung bietet 5 Möglichkeiten zum Hervorheben von Text:
  • Kreis
  • Grundlegende Unterstreichung
  • Skizze unterstreichen
  • Kringel unterstreichen
  • Kringel unterstreichen 2

8.3 Die Einstellungen für den Kontaktformularblock.

Blockeinstellungen Einstellungen Beschreibung
Kontakt Formular
Überschrift Der Blocktitel.
Text Der im Block anzuzeigende Text.
Telefonnummer anzeigen Zeigt die Telefonnummer an.
Team-Avatar Wählt ein Bild aus bzw. lädt es hoch, um den Team-Avatar anzuzeigen.
Größe des Team-Avatars Die Höhe des Team-Avatars kann von 20 bis 100 Pixel angepasst werden.
Hervorgehobener Text

Um dem Text eine animierte Hervorhebung hinzuzufügen, schließen Sie ihn einfach in Kursivschrift ein. Klicken Sie im Editor auf die Schaltfläche „I“, um beim Hervorheben von Text die Kursivschrift umzuschalten.

Hervorgehobener Text Wählt eine der folgenden 6 Optionen zum Formatieren Ihres Textes:
  • Textfarbe
  • Texthintergrundfarbe
  • Ausgefallene Unterstreichung
  • Regelmäßige Unterstreichung
  • Schablonentext
  • Handgezeichnetes Gekritzel
Hervorgehobenes Gekritzel

Der hervorgehobene Textstil muss auf „Handgezeichnetes Gekritzel“ eingestellt sein.

Diese Einstellung bietet 5 Möglichkeiten zum Hervorheben von Text:
  • Kreis
  • Grundlegende Unterstreichung
  • Skizze unterstreichen
  • Kringel unterstreichen
  • Kringel unterstreichen 2

9. Apps

Die Einstellungen für den Bereich „Apps“.
Abschnittseinstellungen Einstellungen Beschreibung
Shopify-Produktbewertungen Aktivieren Sie die Integration von Produktbewertungen

Installieren Sie die Shopify Product Reviews-App, um diese Funktion zu nutzen. Wird nur auf Produktseiten angezeigt.

Ermöglicht die Anzeige der Integration von Produktbewertungen.

Passen Sie die Produktbewertungs-App an das Erscheinungsbild des Themas an. Deaktivieren Sie diese Option, um das ursprüngliche App-Design zu verwenden.

Farbe

Der Farbverlauf ersetzt Volltonfarben, wenn er eingestellt ist.

Sie können optional die Farben des Abschnitts anpassen, einschließlich der folgenden:
  • Text
  • Hintergrund
  • Hintergrundverlauf
  • Markieren
  • Markieren Sie den Farbverlauf
  • Schaltflächentext
  • Schaltflächenhintergrund
  • Hintergrundverlauf der Schaltfläche
Abschnitt
Kann die Polsterung in der Polsterung oben und unten von 0 Pixel bis 120 Pixel anpassen und rechnerisch um 4 Pixel erhöhen.
Abschnittstrenner anzeigen Zeigt einen Zeilentrenner über diesem Abschnitt an.
Machen Sie den Abschnitt schmaler Macht den Behälter schmaler.
Machen Sie den Abschnitt abgerundet Wendet eine abgerundete Kante auf die beiden oberen Ecken an.
Benutzerdefinierte CSS Fügt diesem Abschnitt benutzerdefiniertes CSS hinzu.

In diesem Abschnitt wird das Hinzufügen von Blöcken nicht unterstützt.

Die Einstellungen für den Abschnitt „Ähnliche Produkte“.
Abschnittseinstellungen Einstellungen Beschreibung
Verwandte Produkte
Anzahl verwandter Produkte Wählt 2 bis 12 Produkte aus, die in diesem Abschnitt angezeigt werden sollen.
Anzahl der Spalten auf dem Desktop Passt die Anzahl der auf dem Desktop angezeigten Spalten von 1 bis 5 an.
Karussell auf dem Desktop aktivieren Zeigt ein Produktkarussell auf dem Desktop an.
Mobiles Layout
Anzahl der Spalten auf Mobilgeräten Passt die Anzahl der auf Mobilgeräten angezeigten Spalten an: 1 Spalte oder 2 Spalten .
Aktivieren Sie Wischen auf Mobilgeräten
Überschrift
Überschrift Der Abschnittstitel.
Überschriftengröße Die Überschriftengröße kann auf eine der folgenden Optionen eingestellt werden: Klein , Mittel , Groß oder Extragroß .
Ausrichtung der Überschrift Die Überschrift kann nach links , in der Mitte oder nach rechts ausgerichtet werden.
Überschriften-Tag Wählt das Überschriften-Tag aus, um Ihre Inhalte für SEO zu strukturieren und zu organisieren.
Unterüberschrift Die Unterüberschrift zur Überschrift wird über der Überschrift platziert.
Beschreibung Der Beschreibungstext für die Überschrift wird unterhalb der Überschrift platziert.
Hervorgehobener Text

Um dem Text eine animierte Hervorhebung hinzuzufügen, schließen Sie ihn einfach in Kursivschrift ein. Klicken Sie im Editor auf die Schaltfläche „I“, um die Kursivschrift beim Hervorheben von Text umzuschalten.

Hervorgehobener Text Wählt eine der folgenden 6 Optionen zum Formatieren Ihres Textes:
  • Textfarbe
  • Texthintergrundfarbe
  • Ausgefallene Unterstreichung
  • Regelmäßige Unterstreichung
  • Schablonentext
  • Handgezeichnetes Gekritzel
Hervorgehobenes Gekritzel

Der hervorgehobene Textstil muss auf „Handgezeichnetes Gekritzel“ eingestellt sein.

Diese Einstellung bietet 5 Möglichkeiten zum Hervorheben von Text:
  • Kreis
  • Grundlegende Unterstreichung
  • Skizze unterstreichen
  • Kringel unterstreichen
  • Kringel unterstreichen 2
Farbe

Der Farbverlauf ersetzt Volltonfarben, wenn er eingestellt ist.

Sie können optional die Farben des Abschnitts anpassen, einschließlich der folgenden:
  • Text
  • Hintergrund
  • Hintergrundverlauf
  • Markieren
  • Markieren Sie den Farbverlauf
  • Schaltflächentext
  • Schaltflächenhintergrund
  • Hintergrundverlauf der Schaltfläche
Abschnitt
Kann die Polsterung in der Polsterung oben und unten von 0 Pixel bis 120 Pixel anpassen und rechnerisch um 4 Pixel erhöhen.
Abschnittstrenner anzeigen Zeigt einen Zeilentrenner über diesem Abschnitt an.
Machen Sie den Abschnitt schmaler Macht den Behälter schmaler.
Machen Sie den Abschnitt abgerundet Wendet eine abgerundete Kante auf die beiden oberen Ecken an.
Benutzerdefinierte CSS Fügt diesem Abschnitt benutzerdefiniertes CSS hinzu.

In diesem Abschnitt wird das Hinzufügen von Blöcken nicht unterstützt.

11. Kürzlich angesehen

Hilft Ihren Kunden, die Produkte zu finden, die sie zuvor besucht haben, und fordert sie zum Kauf auf. Dadurch können Ihre Kunden sie leichter wiederfinden, als sich durch das Navigationsmenü zurechtzufinden.

Die Einstellungen für den Abschnitt „Zuletzt angezeigt“.
Abschnittseinstellungen Einstellungen Beschreibung
Zuletzt angesehen
Anzahl aktueller Produkte Die Anzahl der ergänzenden Produkte kann zwischen 2 und 12 liegen.
Anzahl der Spalten auf dem Desktop Passt die Anzahl der im Desktop-Browser angezeigten Spalten von 1 bis 5 Spalten an
Karussell auf dem Desktop aktivieren Zeigt ein Karussell mit Produkten aus der Sammlung in einem Desktop-Browser an.
Mobiles Layout
Anzahl der Spalten auf Mobilgeräten Passt die Anzahl der im mobilen Browser angezeigten Spalten an: 1 Spalte oder 2 Spalten .
Aktivieren Sie Wischen auf Mobilgeräten Stellt die mobile Anzeige mit horizontalem Wischen auf eine Zeile ein.
Überschrift
Überschrift Der Abschnittstitel.
Überschriftengröße Die Überschriftengröße kann auf eine der folgenden Optionen eingestellt werden: Klein , Mittel , Groß oder Extragroß .
Ausrichtung der Überschrift Die Überschrift kann nach links , in der Mitte oder nach rechts ausgerichtet werden.
Überschriften-Tag Wählt das Überschriften-Tag aus, um Ihre Inhalte für SEO zu strukturieren und zu organisieren.
Unterüberschrift Die Unterüberschrift zur Überschrift wird über der Überschrift platziert.
Beschreibung Der Beschreibungstext für die Überschrift wird unterhalb der Überschrift platziert.
Hervorgehobener Text

Um dem Text eine animierte Hervorhebung hinzuzufügen, schließen Sie ihn einfach in Kursivschrift ein. Klicken Sie im Editor auf die Schaltfläche „I“, um die Kursivschrift beim Hervorheben von Text umzuschalten.

Hervorgehobener Text Wählt eine der folgenden 6 Optionen zum Formatieren Ihres Textes:
  • Textfarbe
  • Texthintergrundfarbe
  • Ausgefallene Unterstreichung
  • Regelmäßige Unterstreichung
  • Schablonentext
  • Handgezeichnetes Gekritzel
Hervorgehobenes Gekritzel

Der hervorgehobene Textstil muss auf „Handgezeichnetes Gekritzel“ eingestellt sein.

Diese Einstellung bietet 5 Möglichkeiten zum Hervorheben von Text:
  • Kreis
  • Grundlegende Unterstreichung
  • Skizze unterstreichen
  • Kringel unterstreichen
  • Kringel unterstreichen 2
Farbe

Der Farbverlauf ersetzt Volltonfarben, wenn er eingestellt ist.

Sie können optional die Farben des Abschnitts anpassen, einschließlich der folgenden:
  • Text
  • Hintergrund
  • Hintergrundverlauf
  • Markieren
  • Markieren Sie den Farbverlauf
  • Schaltflächentext
  • Schaltflächenhintergrund
  • Hintergrundverlauf der Schaltfläche
Abschnitt
Kann die Polsterung in der Polsterung oben und unten von 0 Pixel bis 120 Pixel anpassen und rechnerisch um 4 Pixel erhöhen.
Abschnittstrenner anzeigen Zeigt einen Zeilentrenner über diesem Abschnitt an.
Machen Sie den Abschnitt schmaler Macht den Behälter schmaler.
Machen Sie den Abschnitt abgerundet Wendet eine abgerundete Kante auf die beiden oberen Ecken an.
Benutzerdefinierte CSS Fügt diesem Abschnitt benutzerdefiniertes CSS hinzu.

In diesem Abschnitt wird das Hinzufügen von Blöcken nicht unterstützt.

Wir hoffen, dass dieser Artikel hilfreich war. Wenn Sie Fragen oder Bedenken zu dieser Funktion haben, wenden Sie sich bitte an unser Team, um Unterstützung zu erhalten.