Im Theme-Editor: Anpassen›Produktseite›Abschnitt hinzufügen›Produktseite
Produktseite
Das Herz der Produktseite: die Fotos und daneben der Kaufbereich. Jeder Teil des Kaufbereichs ist ein Block, den Sie verschieben, entfernen oder hinzufügen können.
Geben Sie jedem Produkt im Feld „Size guide“ eine eigene Größentabelle. Produkte ohne eigene zeigen die Seite, die im Block „Optionsauswahl“ festgelegt ist.
Einstellungen
Layout
- Breite des Produktbereichs
- Schieberegler, 1000 bis 2000 pxStandard: 1600 pxWird verwendet, wenn „Inhaltsbreite“ unten auf „Standard“ steht.
- Layout auf Computern
- Auswahl: Halb und halb, BühneStandard: Halb und halbHalb und halb: ein quadratisches Bild mit den Miniaturen darunter und den Details daneben; die ganze Seite scrollt zusammen. Bühne: ein hohes Bild mit den Miniaturen darin und der Detailkarte darüber.
- Bild beim Scrollen an seinem Platz halten
- Ein oder ausStandard: EinAuf großen Bildschirmen bleibt das Bild sichtbar, während der Bereich mit den Details scrollt, wenn dieser höher als das Bild ist.
- Ausrichtung des Bereichs auf Smartphones und Tablets
- Auswahl: Zentriert, SeitlichStandard: ZentriertZentriert: Titel, Preis, Optionen und Anzahl stehen in der Mitte. Beschreibung und einklappbare Zeilen bleiben seitlich ausgerichtet, da es sich um langen Text handelt. Auf dem Desktop ist der Bereich immer seitlich neben den Fotos ausgerichtet.
Fotos
- Einpassung der Fotos
- Auswahl: Rahmen ausfüllen, Ganzes Foto anzeigenStandard: Rahmen ausfüllen„Rahmen ausfüllen“ schneidet das Foto quadratisch zu. „Ganzes Foto anzeigen“ schneidet nie zu.
- Miniaturansichten anzeigen
- Ein oder ausStandard: EinAuf Desktop und Tablet: eine Spalte neben dem Bild. Auf Smartphones: siehe nächste Einstellung.
- Miniaturansichten auch auf Smartphones
- Ein oder ausStandard: EinEine Reihe von Miniaturansichten unter dem Hauptbild, zum Auswählen tippen.
- Pfeile anzeigen
- Ein oder ausStandard: Ein
- Vom letzten Foto zum ersten weitergehen
- Ein oder ausStandard: EinDie Pfeile halten am Ende nie an.
- Schaltfläche zum Vergrößern anzeigen
- Ein oder ausStandard: Ein
- Video automatisch abspielen
- Ein oder ausStandard: AusGalerievideos werden stumm und in Schleife abgespielt, sobald sie in den sichtbaren Bereich scrollen.
- Badge auf dem Foto anzeigen
- Ein oder ausStandard: EinAusverkauft, der eigene Text des Produkts oder ein Sale.
Kaufleiste unten
- Kaufleiste unten anzeigen
- Ein oder ausStandard: EinSobald die Hauptschaltfläche aus dem Bild scrollt, wird der Rahmen unten am Bildschirm breiter und trägt Produkt, aktuelle Auswahl, Preis und „In den Warenkorb“ bis zum Seitenende. Sie hat die Rahmenfarbe. Auf Smartphones wechselt sie beim Hochscrollen mit dem schwebenden Menü.
- Form der schwebenden Karte auf Telefonen
- Auswahl: Schwebende Karte, Steigt hinter dem Menü auf, Der Rahmen steigtStandard: Schwebende KarteSchwebende Karte: schwebt knapp über dem unteren Rahmen, wie am Computer, und das untere Menü macht Platz. Steigt auf: Die Karte steigt hinter dem unteren Menü auf, und das Menü bleibt. Rahmen: Der Rahmen steigt über die ganze Breite, und das Menü macht Platz. Ohne unteres Menü wird „Steigt auf“ zum Rahmen. Am Computer immer eine schwebende Karte.
- Farbe der schwebenden Karte
- FarbeLeer: die Oberfläche der Website, wie das Suchfeld. Auf einer dunklen Farbe wird der Text hell.
- Rahmenfarbe der schwebenden Karte
- FarbeEin Rahmen um die schwebende Karte. Leer: eine feine Linie in der Textfarbe.
- Kleines Produktbild in der Leiste
- Ein oder ausStandard: EinEin kleines Bild am Anfang der Leiste, innerhalb der Zeile.
Seitenhintergrund
- Hintergrundstil
- Auswahl: Website-Hintergrund, Einfarbig, Beleuchtete BühneStandard: Website-HintergrundWebsite-Hintergrund: die Seite entspricht dem Rest der Website. Einfarbig: die Farbe unten. Beleuchtete Bühne: eine Bühne aus der gewählten Farbe, mit weichem Licht hinter dem Bild und hinter den Details. Auf einer dunklen Farbe werden Text, Linien und Schaltflächen von selbst hell. Die letzten beiden Optionen ersetzen die eigenen Farben des Abschnitts.
- Farbschema
- FarbschemaDie Bühne übernimmt Hintergrund und Akzent aus diesem Schema. Eine unten gewählte Farbe hat Vorrang.
- Hintergrundfarbe
- FarbeMit beleuchteter Bühne: der Ton der Bühne. Standard ist das warme Anthrazit, das die Bühne auf der ganzen Website nutzt.
- Lichtfarbe
- FarbeDas sanfte Licht hinter dem Bild und hinter den Details. Leer: Weiß.
Blöcke
Blöcke sind die Teile innerhalb eines Abschnitts. Im Editor lassen sie sich hinzufügen, entfernen und per Ziehen neu anordnen.
App-Block
Installierte Apps können hier einen eigenen Block hinzufügen, zum Beispiel Bewertungen oder eine Größentabelle aus einer App.
Dieser Bereich hat keine eigenen Einstellungen.
Titel
Allgemein
- Kollektionsnamen über dem Titel anzeigen
- Ein oder ausStandard: Ein
- Teil nach " | " hervorheben
- Ein oder ausStandard: EinWenn der Produktname " | " enthält, wird der Teil danach in einer kräftigeren Schriftstärke gesetzt.
- Anbieter anzeigen
- Ein oder ausStandard: Aus
Preis
Allgemein
- Rabattprozentsatz anzeigen
- Ein oder ausStandard: AusDer Rabatt wird bereits auf dem Foto angezeigt. Aktivieren, um ihn zusätzlich neben dem Preis anzuzeigen.
Text
Allgemein
- Text
- TextEine kurze Beschreibung unter dem Titel. Du kannst sie mit einem Produktfeld verknüpfen.
Optionsauswahl
Allgemein
- Stil
- Auswahl: Schaltflächen, Dropdown-ListeStandard: Schaltflächen
- Farben
- Auswahl: Farbkreise, Dropdown-ListeStandard: FarbkreiseNur für eine Farboption. Die anderen Optionen folgen dem Stil oben.
- Seite mit der Größentabelle
- SeiteProdukte mit eigenem Feld „Größentabelle“ (custom.size_guide) zeigen diese Seite. Sonst diese Seite und, wenn sie leer ist, die Seite aus den Theme-Einstellungen.
Anzahl
Allgemein
- Position
- Auswahl: Neben „Jetzt kaufen“, Eigene ReiheStandard: Neben „Jetzt kaufen“Neben „Jetzt kaufen“: Die Anzahl steht am Anfang der ersten Schaltflächenreihe, und „In den Warenkorb“ bekommt darunter eine eigene Reihe in voller Breite. Eigene Reihe: über den Schaltflächen, mit Beschriftung. Mit Mengenstaffeln treten die Staffeln an ihre Stelle.
Mengenstaffeln
Allgemein
- Überschrift
- TextLeer: „Anzahl“ in der Sprache der Kundschaft. Auf dem Desktop nur für Screenreader.
- Beschriftung für 1 Stück
- TextLeer: die Stückzahl („2 Stück“) in der Sprache der Kundschaft.
- Diese Staffel anzeigen
- Ein oder ausStandard: Ein
- Anzahl der Stücke
- Schieberegler, 2 bis 12Standard: 2
- Rabatt
- Schieberegler, 0 bis 60 %Standard: 10 %Muss deinem automatischen Rabatt entsprechen.
- Beschriftung
- TextLeer: die Stückzahl („2 Stück“) in der Sprache der Kundschaft.
- Diese Staffel anzeigen
- Ein oder ausStandard: Ein
- Anzahl der Stücke
- Schieberegler, 2 bis 12Standard: 3
- Rabatt
- Schieberegler, 0 bis 60 %Standard: 18 %Muss deinem automatischen Rabatt entsprechen.
- Beschriftung
- TextLeer: die Stückzahl („2 Stück“) in der Sprache der Kundschaft.
- Eine Staffel hervorheben
- Auswahl: Keine, Zweite Staffel, Dritte StaffelStandard: Keine
- Hervorhebungstext
- TextLeer: der Rabatt der hervorgehobenen Staffel, zum Beispiel „18% Rabatt“.
Biete einen besseren Preis beim Kauf größerer Mengen an. Der Rabatt wird hier nur angezeigt: Erstelle einen passenden automatischen Rabatt in deinem Shopify-Adminbereich, damit er tatsächlich abgerechnet wird.
Kaufoptionen
Allgemein
- Überschrift
- TextLeer: der Standardtext.
- Ersparnis in Prozent anzeigen
- Ein oder ausStandard: Ein
- Planbeschreibungen anzeigen
- Ein oder ausStandard: EinDie Beschreibung stammt aus der Abonnement-App.
- Link zur Abonnementrichtlinie anzeigen
- Ein oder ausStandard: EinWird angezeigt, wenn der Shop eine Abonnementrichtlinie hat (Einstellungen, Richtlinien).
Einmalkauf- und Abonnementoptionen für Produkte, die mit einer Abonnement-App verkauft werden. Ohne diesen Block zeigen Produkte mit Abonnements die Optionen über der Schaltfläche „In den Warenkorb legen“.
Kaufschaltflächen
Allgemein
- Schaltfläche „Jetzt kaufen“
- Ein oder ausStandard: EinFührt direkt zur Kasse, nur mit diesem Produkt, und lässt den Warenkorb unverändert.
- Dynamische Checkout-Schaltflächen
- Auswahl: Wallet oder „Sofort kaufen“ von Shopify, Nur Wallet, AusStandard: Wallet oder „Sofort kaufen“ von ShopifyDie Schaltflächen von Shopify unter den Kauf-Schaltflächen. Sie zeigen die Wallet der Kundschaft (Shop Pay, Apple Pay, Google Pay, PayPal), wenn eine in deinen Zahlungseinstellungen aktiviert ist. Solange „Jetzt kaufen“ aktiviert ist, erscheint die Shopify-Schaltfläche „Sofort kaufen“ nie, damit es nur eine gibt.
- Schnellzahlungsschaltflächen
- Ein oder ausStandard: Einbit, Kreditkarte und alles, was du hinzugefügt hast. Legt in den Warenkorb und führt zum Checkout. Die Schaltflächen selbst findest du in den Theme-Einstellungen unter „Express-Zahlungsschaltflächen“.
- Empfängerformular für Geschenkgutscheine anzeigen
- Ein oder ausStandard: EinErmöglicht es Kaufenden, einen Geschenkgutschein direkt an eine andere Person zu senden. Solange das Formular angezeigt wird, sind „Jetzt kaufen“ und die dynamischen Checkout-Schaltflächen bei Geschenkgutscheinen ausgeblendet, weil Shopify die Empfängerdaten nur beim Hinzufügen zum Warenkorb prüft.
Liefer- und Garantiezeile
Allgemein
- Lieferhinweis
- TextEine kurze Zeile unter der Kaufschaltfläche zwischen zwei dünnen Linien, sichtbar vor dem Hinzufügen zum Warenkorb. Zum Beispiel: Lieferung nach Hause in 8–18 Werktagen. Für eine eigene Zeile pro Produkt fülle das Produktfeld custom.delivery_note aus (Einzeiliger Text; Einstellungen, Benutzerdefinierte Daten, Produkte): Es hat Vorrang vor diesem Text. Sind beide leer, wird die Versandzeile aus den Theme-Einstellungen (Produkte) angezeigt, und ist auch diese leer, eine Zeile nach der Regel für kostenlosen Versand (Theme-Einstellungen, Kostenloser Versand).
- Garantiehinweis
- TextStandardmäßig aus: Leer bedeutet keine Zeile. Für eine eigene Zeile pro Produkt fülle das Produktfeld custom.warranty aus (Einzeiliger Text; Einstellungen, Benutzerdefinierte Daten, Produkte): Es hat Vorrang vor diesem Text. Schreibe nur, was für das Produkt zutrifft.
Vertrauenszeile
Allgemein
Bis zu drei kurze Versprechen mit Symbol und darunter die Zahlungssymbole. Der natürliche Platz ist direkt unter der Kaufschaltfläche.
Erstes Element
- Symbol
- Auswahl: Paket (Versand), Pfeil zurück (Rückgabe), Schild (sichere Bezahlung), Headset (Service), Diamant (Qualität), Dieses Element ausblendenStandard: Paket (Versand)
- Text
- TextLeer: ein Standardtext passend zum Symbol. Paket: das Versandversprechen nach der Regel für kostenlosen Versand (Theme-Einstellungen, Kostenloser Versand). Pfeil zurück und Schild: ein kurzer fester Text. Headset und Diamant haben keinen Standardtext, daher wird das Element nur mit hier geschriebenem Text angezeigt. Langer Text wird auf zwei ausgewogene Zeilen umbrochen.
Zweites Element
- Symbol
- Auswahl: Paket (Versand), Pfeil zurück (Rückgabe), Schild (sichere Bezahlung), Headset (Service), Diamant (Qualität), Dieses Element ausblendenStandard: Pfeil zurück (Rückgabe)
- Text
- TextLeer: ein Standardtext passend zum Symbol. Paket: das Versandversprechen nach der Regel für kostenlosen Versand (Theme-Einstellungen, Kostenloser Versand). Pfeil zurück und Schild: ein kurzer fester Text. Headset und Diamant haben keinen Standardtext, daher wird das Element nur mit hier geschriebenem Text angezeigt. Langer Text wird auf zwei ausgewogene Zeilen umbrochen.
Drittes Element
- Symbol
- Auswahl: Paket (Versand), Pfeil zurück (Rückgabe), Schild (sichere Bezahlung), Headset (Service), Diamant (Qualität), Dieses Element ausblendenStandard: Schild (sichere Bezahlung)
- Text
- TextLeer: ein Standardtext passend zum Symbol. Paket: das Versandversprechen nach der Regel für kostenlosen Versand (Theme-Einstellungen, Kostenloser Versand). Pfeil zurück und Schild: ein kurzer fester Text. Headset und Diamant haben keinen Standardtext, daher wird das Element nur mit hier geschriebenem Text angezeigt. Langer Text wird auf zwei ausgewogene Zeilen umbrochen.
Zahlungssymbole
- Symbole der Zahlungsmethoden anzeigen
- Ein oder ausStandard: Ein
Voraussichtliche Lieferung
Allgemein
- Werktage, mindestens
- Schieberegler, 0 bis 30Standard: 11
- Werktage, höchstens
- Schieberegler, 0 bis 45Standard: 18
- Tage, die keine Werktage sind
- Auswahl: Freitag und Samstag, Samstag und Sonntag, Keine, jeder Tag zähltStandard: Freitag und Samstag
- Hauptzeile
- Text[from] und [to] werden durch Daten ersetzt. Leer: „Heute bestellen, Lieferung zwischen [from] und [to]“
- Zweite Zeile
- TextLeer: der Zeitraum in Tagen, bis an die Haustür.
- Kalendersymbol anzeigen
- Ein oder ausStandard: Ein
Berechnet den Datumsbereich ab heute in Werktagen. Die Daten werden im Browser der Kundschaft berechnet und stimmen daher immer für den Tag des Besuchs.
WhatsApp-Frage
Allgemein
- Frage
- TextLeer: der Standardtext.
- Linktext
- TextLeer: der Standardtext.
- Vorbereitete Nachricht
- Text[product] wird durch den Produktnamen ersetzt. Leer: „Hallo, ich habe eine Frage zu [product]“
- Produktlink zur Nachricht hinzufügen
- Ein oder ausStandard: Ein
Eine Zeile, die einen WhatsApp-Chat mit einer vorbereiteten Nachricht öffnet. Die Nummer stammt aus den Theme-Einstellungen unter „Social Media“. Bis eine Nummer hinzugefügt ist, führt die Zeile zur Kontaktseite des Shops.
Beschreibung
Dieser Bereich hat keine eigenen Einstellungen.
Einklappbare Zeile
Allgemein
- Überschrift
- Text
- Was die Zeile anzeigt
- Auswahl: Text oder Seite, Technische Daten aus dem Produkt, Liste mit SymbolenStandard: Text oder Seite
- Inhalt
- Text
- Inhalt einer Seite
- SeiteWird nach dem obigen Inhalt angezeigt.
- Produktfeld für technische Daten
- TextNamespace und Schlüssel, z. B. custom.specs. Ein Detail pro Zeile im Feld: „Name: Wert“. Produkte ohne das Feld zeigen die Zeile nicht an.
- Zeilen
- TextEin Satz pro Zeile. Das Symbol wird anhand der Wörter ausgewählt: shipping, return, support, secure oder payment (auch auf Hebräisch). Andere Zeilen erhalten ein Schild mit Häkchen.
- Links zu den Versand- und Rückerstattungsrichtlinien
- Ein oder ausStandard: Ein
Angebotsblase
Allgemein
- Symbol
- Auswahl: Blitz, Geschenk, Funkeln, Timer, Herz, Schild mit Häkchen, Kein SymbolStandard: Blitz
- Überschrift
- TextLeer: „Ein besonderes Angebot“ in der Sprache der Besucher.
- Angebotszeile
- TextZum Beispiel „20 $ Rabatt ab 200 $ Bestellwert“. Ohne Zeile wird die Blase nicht angezeigt.
- Produkte
- ProdukteDie Blase erscheint nur bei den hier gewählten Produkten. Leer: bei jedem Produkt mit dieser Vorlage.
Countdown
Allgemein
- Angebotszeile
- TextZum Beispiel „20 % Rabatt“. Leer: der Rabattprozentsatz der Variante, falls sie einen Vergleichspreis hat.
- Kurzer Text
- TextErscheint neben der Angebotszeile. Leer: „Nur für kurze Zeit“ in der Sprache der Besucher.
- Produkte
- ProdukteDie Leiste erscheint nur bei den hier gewählten Produkten. Leer: Sie erscheint nirgends. Nutze sie für eine echte Aktion mit echtem Enddatum.
Timer
- Enddatum und Uhrzeit
- TextJahr-Monat-Tag, dann Stunde:Minute, zum Beispiel 2026-10-20 18:00, in der Zeitzone des Shops. Leer oder ungültig: Die Leiste erscheint nicht im Shop, und der Editor zeigt einen Hinweis mit dem Datum, wie der Shop es verstanden hat.
- Sekunden anzeigen
- Ein oder ausStandard: EinBesuchende mit reduzierter Bewegung sehen nie Sekunden, und der Timer wird einmal pro Minute aktualisiert.
- Wenn die Zeit abgelaufen ist
- Auswahl: Meldung „Angebot beendet“ anzeigen, Die Leiste verschwindetStandard: Die Leiste verschwindet
- Meldung nach Ablauf
- TextLeer: „Dieses Angebot ist beendet. Vielen Dank für dein Interesse.“, in der Sprache der Besuchenden.
Hintergrund
- Hintergrundfarbe
- FarbeLeer: die Tinte des Shops. Die beleuchtete Bühne entsteht aus dieser Farbe.
- Hintergrundstil
- Auswahl: Einfarbig, Beleuchtete BühneStandard: Beleuchtete BühneBeleuchtete Bühne: ein weiches Licht von oben, das nach unten abnimmt, aus der gewählten Farbe. Auf einer hellen Farbe wird der obere Bereich weiß; auf einer dunklen Farbe entsteht eine dunkle Bühne.
- Lichtfarbe
- FarbeDas sanfte Licht von oben in der Mitte. Leer: Weiß.
- Textfarbe
- FarbeLeer: automatisch. Hell auf dunklem Hintergrund, dunkel auf hellem.
Benutzerdefiniertes Liquid
Allgemein
- Benutzerdefiniertes Liquid
- CodeFür erweiterte Anpassungen und App-Snippets.
Stimmt hier etwas nicht mit dem Editor überein? Schreiben Sie uns, dann korrigieren wir die Anleitung.