Produktseiten
Auf den Produktseiten kannst du Informationen zu den Produkten anzeigen, die du in deinem Shop verkaufst, und wo deine Kunden die Produkte kaufen können.
Standardmäßig verfügen Produktseiten im Theme-Editor über einen Abschnitt Produktinformationen und einen Abschnitt Ähnliche Produkte.
Auf dieser Seite
Abschnitt "Produktinformationen"
Im Abschnitt Produktinformationen werden die Details deiner Produkte angezeigt, wie zum Beispiel Titel, Beschreibung, Preis und Bilder.
Einstellungen für den Abschnitt "Produktinformationen"
Einstellung | Beschreibung |
---|---|
Fixierte Inhalte für Desktop aktivieren | Beim Herunterscrollen auf einer Seite wird die Spalte mit den Produktinformationen erst angezeigt, wenn man durch alle Bilder gescrollt hat. |
Farbgebung | Ein Satz von Farben, den du auf diesen Abschnitt anwenden kannst. Erhalte mehr Informationen über Farbschemas. |
Medienbreite für Desktop | Stelle die Breite deines Produktmediums auf der Produktseite für Desktop-Computer ein. Wähle zwischen Klein, Mittel oder Groß. |
Medien auf Bildschirmhöhe beschränken | Wenn du diese Option auswählst, wird eine maximale Medienhöhe festgelegt, die auf der Höhe des Browserfensters auf jedem Gerät basiert. |
Medienanpassung | Wähle Original aus, um das Originalgrößenverhältnis der Medien beizubehalten. Oder wähle Füllen aus, um die Medien an den Container anzupassen. |
Desktop-Layout |
Lege das Layout deiner Produktmedien auf Desktop-Computern fest. Wähle eine der folgenden Optionen:
|
Desktop-Medienposition | Wähle aus, ob die Produktmedien auf Desktop-Computern auf der linken oder rechten Seite der Seite angezeigt werden sollen. |
Bildzoom | Wähle aus, wie das Bild auf Desktop-Geräten vergrößert wird:
|
Mobiles Layout | Lege das Layout deiner Produktmedien auf Mobilgeräten fest. Wähle eine der folgenden Optionen:
|
Medien anderer Varianten ausblenden, sobald eine Variante ausgewählt wurde | Wenn eine Variante ausgewählt ist, werden Bilder von anderen Varianten ausgeblendet. Die Bilder werden wieder angezeigt, wenn die Auswahl der Variante aufgehoben wird. |
Videoschleife aktivieren | Bei allen Videos, die du in deinen Produktmedien hast, wird das Video mit dieser Einstellung in einer Schleife abgespielt, sodass es erneut abgespielt wird, wenn es zu Ende ist. |
Oberes Padding | Lege den Abstand oben im Abschnitt fest. |
Unteres Padding | Lege den Abstand unten im Abschnitt fest. |
Ebenso wie die Einstellungen für den Abschnitt Produktinformationen kannst du auch einige der Theme-Einstellungen für Produkt-Badges anzeigen und anpassen. Du kannst auch dein eigenes abschnittspezifisches Benutzerdefiniertes CSS hinzufügen.
Produktinformations-Blöcke
Du kannst die folgenden Blöcke im Abschnitt Produktinformationen verwenden:
- Text
- Titel
- Preis
- Variantenauswahl
- Mengenauswahl
- Buy Buttons
- Beschreibung
- Teilen
- Artikelnummer (SKU)
- Inventarstatus
- Benutzerdefiniertes Liquid
- Einklappbare Reihe
- Pop-up
- Produktbewertung
- Ergänzende Produkte
- Symbol mit Text
Textblock
Der Block Text kann verwendet werden, um statischen Text oder Variablendaten mithilfe dynamischer Quellen anzuzeigen. Du kannst beispielsweise einen Text mit einer Marketingbotschaft hinzufügen, wie beispielsweise Kostenloser Versand für Bestellungen über 100 USD, der dann für jedes Produkt angezeigt wird. Du kannst auch eine dynamische Quelle hinzufügen, zum Beispiel das Feld Anbieter des Produkts, das sich je nach angezeigtem Produkt ändern kann.
Einstellung | Beschreibung |
---|---|
Text | Ein Textfeld, um zusätzliche Informationen zur Produktseite hinzuzufügen. |
Textstil |
Ändere den Textstil. Wähle eine der folgenden Optionen:
|
Titelblock
Im Block Titel wird der Titel des angezeigten Produkts angezeigt. Dieser Block hat keine anpassbaren Einstellungen.
Preisblock
Im Block Preis werden die Preisinformationen des angezeigten Produkts angezeigt, z. B. der Preis und der Vergleichspreis. Dieser Block hat keine anpassbaren Einstellungen.
Variantenauswahlblock
Der Block Variantenauswahl zeigt alle Variantenoptionen für das angezeigte Produkt an. Die Variantenauswahl wird nur für Produkte mit Variantenoptionen angezeigt. Wenn du diesen Block entfernst und Produkte mit Variantenoptionen hast, können deine Kunden die gewünschte Variantenoption nicht auswählen oder kaufen.
Einstellung | Beschreibung |
---|---|
Stil |
Wähle aus, wie deine Produktvarianten den Kunden angezeigt werden. Wähle eine der folgenden Optionen:
|
Farbfeld |
Wähle aus, wie deine Farbfelder den Kunden angezeigt werden. Wähle eine der folgenden Optionen:
|
Mengenauswahlblock
Der Block Mengenauswahl zeigt ein anklickbares und bearbeitbares Zahlenfeld an, mit dem Kunden ändern können, wie viele Einheiten eines Produkts sie kaufen möchten. Dieser Block hat keine anpassbaren Einstellungen.
Block der Schaltfläche "Kaufen"
Der Block Schaltflächen "Kaufen" zeigt die Schaltfläche Zum Warenkorb hinzufügen und alle Informationen für die Abholung im Geschäft an. Hier können auch alle dynamischen Checkout-Buttons angezeigt werden, die du in deinem Shop verwendest.
Einstellung | Beschreibung |
---|---|
Dynamischen Checkout-Button anzeigen | Zeigt alle dynamischen Checkout-Optionen an, die du in deinen Zahlungseinstellungen aktiviert hast. |
Formular für Empfängerinformationen für Gutscheine anzeigen | Zeigt ein optionales Kontrollkästchen für alle Gutscheinprodukte, die du hast, damit Kunden einen Gutschein zusammen mit einer persönlichen Nachricht an einen Empfänger senden und eine Terminplanung dafür vornehmen können. |
Beschreibungsblock
Der Block Beschreibung zeigt die Beschreibung des angezeigten Produkts an. Dieser Block hat keine anpassbaren Einstellungen.
Teilungsblock
Der Block Teilen zeigt einen anklickbaren Link an, mit dem Kunden das Produkt auf ihren Social Media-Konten teilen können.
Einstellung | Beschreibung |
---|---|
Text | Der Text, den Kunden anklicken, um das Produkt auf ihren Social Media-Konten zu teilen. |
SKU-Block
Der Block SKU zeigt die mit dem Produkt oder der Variante verknüpfte Artikelnummer (SKU) an, sofern relevant. Erfahre mehr über das Hinzufügen von Artikelnummern zu deinen Produktvarianten.
Einstellung | Beschreibung |
---|---|
Textstil |
Ändere den Textstil. Wähle eine der folgenden Optionen:
|
Inventarstatus-Block
Der Block Inventarstatus zeigt den Inventarstatus des Produkts an. Du kannst den Inventarstatus und die verbleibende Inventarnummer dauerhaft anzeigen oder erst dann anzeigen, wenn die Inventaranzahl des Produkts einen von dir festgelegten Schwellenwert erreicht hat. Der Inventarstatus wird nur für Produkte angezeigt, für die die Inventarverfolgung aktiviert ist.
Einstellung | Beschreibung |
---|---|
Textstil |
Ändere den Textstil. Wähle eine der folgenden Optionen:
|
Geringer Inventarschwellenwert | Verwende den Schieberegler, um einen Schwellenwert festzulegen, ab dem deine Produkte mit der Meldung Geringer Lagerbestand angezeigt werden. Wähle eine Zahl zwischen 0 und 100. Wenn du den Schieberegler auf 0 setzt, wird Auf Lager angezeigt, bis das Produkt nicht mehr vorrätig ist. |
Inventar anzeigen | Wähle diese Option aus, wenn du das vorhandene Inventar für deine Produkte anzeigen möchtest. |
Block für benutzerdefiniertes Liquid
Der Block Benutzerdefiniertes Liquid zeigt benutzerdefinierten Liquid- oder HTML-Code an, den du dem Block hinzufügst.
Einstellung | Beschreibung |
---|---|
Liquid-Code | Zeigt den Inhalt an, der durch den von dir eingegebenen Liquid- oder HTML-Code gerendert wird. |
Einklappbarer Zeilenblock
Der Block Einklappbare Zeile zeigt eine ausziehbare und zusammenklappbare Zeile mit einem Titel an. Wenn ein Kunde auf das Symbol, den Titel oder den Abwärtspfeil klickt, wird die Zeile erweitert, um zusätzliche Inhalte anzuzeigen.
Einstellung | Beschreibung |
---|---|
Titel | Der Titel der Zeile, der angezeigt wird, wenn die Zeile sowohl eingeklappt als auch ausgeklappt ist. |
Symbol | Wähle ein Symbol aus, das mit der einklappbaren Zeile angezeigt werden soll oder wähle Keines, um nur den Titel der Zeile anzuzeigen. |
Zeileninhalt | Gib den Inhalt für deine Zeile mit dem Rich-Text-Editor ein. Der Inhalt wird nur angezeigt, wenn die Zeile erweitert wird. |
Zeileninhalt der Seite | Füge Inhalte von einer Seite zu deiner Zeile hinzu. Dadurch werden nur die Inhalte angezeigt, die du einer Seite im Abschnitt Onlineshop > Seiten in deinem Shopify-Adminbereich hinzufügst. Es werden keine Inhalte angezeigt, die du im Theme-Editor in der Vorlage für Seiten hinzufügst. Alle Inhalte, die du im Feld Zeileninhalt eingibst, werden über dem von dir hinzugefügten Seiteninhalt angezeigt. |
Pop-up-Block
Der Block Pop-up zeigt anklickbaren Text an, der ein Pop-up-Dialogfeld öffnet, wenn darauf geklickt wird.
Einstellung | Beschreibung |
---|---|
Link-Label | Der anklickbare Text, den Kunden anklicken, um das Popup-Dialogfenster anzuzeigen. |
Seite | Wähle im Pop-up-Dialogfeld die Seite aus, von der du Inhalte anzeigen möchtest. Dadurch werden nur die Inhalte angezeigt, die du einer Seite im Abschnitt Onlineshop > Seiten in deinem Shopify-Adminbereich hinzufügst. Es werden keine Inhalte angezeigt, die du im Theme-Editor in der Vorlage für Seiten hinzufügst. |
Produktbewertungsblock
Der Block Produktbewertung zeigt die durchschnittliche Produktbewertung in Sternen mit der Anzahl der Bewertungen in Klammern an, zum Beispiel: ★★★★★ (8).
Um Produktbewertungen anzuzeigen, musst du eine Produktrezensions-App und Metafeld-Definitionen für reviews.rating_count
und.reviews.rating
verwenden.
Dieser Block hat keine anpassbaren Einstellungen.
Block für ergänzende Produkte
Der Block Komplementäre Produkte zeigt komplementäre Produkte an, die du mit der Shopify Search & Discovery-App eingerichtet hast.
Einstellung | Beschreibung |
---|---|
Titel | Der Blocktitel. |
Als einklappbare Zeile anzeigen | Wenn diese Option ausgewählt ist, wird der Inhalt minimiert in einer Zeile angezeigt. Wenn ein Kunde auf einen Titel klickt, wird die Zeile erweitert und zeigt zusätzliche Inhalte an. |
Symbol | Wähle ein Symbol aus, das mit deinem Titel gekoppelt werden soll, wenn ergänzende Produkte als einklappbare Zeile angezeigt werden. |
Maximal anzuzeigende Produkte | Wähle die maximale Anzahl ergänzender Produkte aus, die angezeigt werden soll. Gib eine Zahl zwischen 1 und 10 an. |
Anzahl der Produkte pro Seite | Wähle die Anzahl der ergänzenden Produkte aus, die pro Slider-Seite angezeigt werden sollen. Wähle eine Zahl zwischen 1 und 4. |
Seitennummerierungsstil | Lege den Stil der Slider-Navigation fest, die unter den Produkten angezeigt wird. Wähle aus Punkten, Zähler oder Zahlen. |
Bildverhältnis | Lege das Seitenverhältnis der Produktkartenbilder fest. Wähle zwischen Hochformat und Quadrat. |
Schaltfläche zum schnellen Hinzufügen aktivieren |
Wenn du die Schaltfläche „Schnell hinzufügen“ aktivierst, können deine Kunden einen Artikel aus der Produktkarte mit einer der folgenden Optionen in ihren Warenkorb legen:
|
Block "Symbol mit Text"
Der Block Symbol mit Text zeigt bis zu drei Symbole mit dazugehörigem Text an. Wähle aus einer Liste vorinstallierter Symbole aus oder verwende ein Bild, das du hochlädst.
Einstellung | Beschreibung |
---|---|
Layout | Wähle zwischen einem horizontalen oder vertikalen Layout für den Block. |
Erstes Symbol | Wähle ein Symbol aus, das im Block angezeigt werden soll, oder wähle Keines, um nur den Titel anzuzeigen. |
Erstes Bild | Wähle dein eigenes Bild, das anstelle eines Symbols verwendet werden soll. |
Erste Überschrift | Füge einen Titel für dein erstes Symbol oder Bild hinzu. |
Zweites Symbol | Wähle ein Symbol aus, das im Block angezeigt werden soll, oder wähle Keines, um nur den Titel anzuzeigen. |
Zweites Bild | Wähle dein eigenes Bild, das anstelle eines Symbols verwendet werden soll. |
Zweite Überschrift | Füge einen Titel für dein zweites Symbol oder Bild hinzu. |
Drittes Symbol | Wähle ein Symbol aus, das im Block angezeigt werden soll, oder wähle Keines, um nur den Titel anzuzeigen. |
Drittes Bild | Wähle dein eigenes Bild, das anstelle eines Symbols verwendet werden soll. |
Dritte Überschrift | Füge einen Titel für dein drittes Symbol oder Bild hinzu. |
Abschnitt "Ähnliche Produkte"
Je nach angezeigtem Produkt werden im Abschnitt Ähnliche Produkte ähnliche Produkte, Produkte mit einer ähnlichen Beschreibung oder Produkte, die häufig zusammen mit dem angezeigten Produkt gekauft werden, angezeigt. Mit der Shopify Search & Discovery-App kannst du deine eigenen Produkte manuell zum Abschnitt*Ähnliche Produkte* hinzufügen.
Weitere Informationen zu Produktempfehlungen erhältst du unter Produktempfehlungen verstehen.
Einstellungen für den Abschnitt "Ähnliche Produkte"
Einstellung | Beschreibung |
---|---|
Titel | Der Titelabschnitt. |
Größe der Überschrift | Die Größe des Titeltexts. Wähle zwischen Klein, Mittel, Groß, Extra groß oder Extra, extra groß aus. |
Maximal anzuzeigende Produkte | Lege die maximale Anzahl der ähnlichen Produkte fest, die angezeigt werden sollen. Wähle eine Zahl zwischen 2 und 10 aus. |
Anzahl der Spalten auf dem Desktop | Lege die Anzahl der Spalten für die Produkte fest, die auf Desktopcomputern angezeigt werden. Gib eine Zahl zwischen 1 und 6 an. |
Farbgebung | Ein Satz von Farben, den du auf diesen Abschnitt anwenden kannst. Erhalte mehr Informationen über Farbschemas. |
Bildverhältnis | Lege das Bildverhältnis für die Feature-Bilder der ähnlichen Produkte fest, die angezeigt werden. Wähle eine der folgenden Optionen:
|
Bildform | Wähle eine der folgenden Bildformen für deine Produktbilder aus:
|
Hover-Effekt mit zweitem Bild | Wenn ein Kunde am Desktop seinen Cursor über Produktbilder bewegt, zeigt diese Option das zweite Produktbild an, wenn es vorhanden ist. |
Anbieter anzeigen | Zeigt den Anbieter für jedes Produkt an. |
Produktbewertung anzeigen | Zeigt die durchschnittliche Produktbewertung als Sterne mit der Anzahl an Rezensionen in Klammern an, z. B.: ★★★★★ (8). Hierfür werden auch eine Produktrezensions-App und Metafeld-Definitionen für reviews.rating_count und reviews.rating benötigt. |
Anzahl der Spalten auf mobilem Gerät | Lege die Anzahl der Spalten für die Produkte fest, die auf Mobilgeräten angezeigt werden. Wähle eine Spalte oder zwei Spalten aus. |
Oberes Padding | Lege den Abstand oben im Abschnitt fest. |
Unteres Padding | Lege den Abstand unten im Abschnitt fest. |