Der Abschnitt Produktinformationen ist der Hauptteil deiner Produktseite. Er zeigt die Produktbilder auf der einen Seite und die Produktdetails (Name, Beschreibung und Bestellformular) auf der anderen. Er ist auf der Produktseite Pflicht, du kannst ihn also gestalten, aber nicht löschen.
Wo du ihn findest
- Öffne den Builder und wähle im Tab Seiten die Produktseite.
- Wähle ein Produkt für die Vorschau. Das ändert nur, was die Vorschau zeigt: Dein Design gilt für alle Produkte gleichzeitig.
- Klicke in der Vorschau oder im Tab Abschnitte auf Produktinformationen.
Der Abschnitt hat zwei feste Teile, Medien und Details. Du kannst sie nicht entfernen oder verschieben, nur einrichten. Auf dem Handy stehen sie untereinander: zuerst die Bilder, dann die Details.
Abschnittseinstellungen
- Abschnittsbreite: Seite hält den Inhalt in deiner Seitenbreite, Voll geht von Rand zu Rand.
- Gleiche Spalten: An, nehmen Bilder und Details jeweils die Hälfte der Breite ein. Aus, nimmt jede Spalte den Platz, den sie braucht.
- Farbschema, Abstand (Platz zwischen den zwei Spalten), Innenabstand und Benutzerdefiniertes CSS.
Medien: die Bildergalerie
Zeigt die Fotos und Videos, die du dem Produkt hinzugefügt hast.
- Modus: Karussell (ein Bild nach dem anderen) oder Raster (alle Bilder auf einmal).
- Anheften: Aus, Desktop, Mobil oder Beide. Eine angeheftete Galerie bleibt sichtbar, während Kunden durch die Details scrollen.
- Raster: Spalten (1 oder 2), Abstand und Volle Breite zuerst (das erste Bild geht über beide Spalten).
- Karussell: Navigationssymbole (Pfeile, Chevrons oder Keine), Symbol-Hintergrund, Desktop-Seitennummerierung (Punkte, Zähler, Miniaturbilder) und Mobile Seitennummerierung (Punkte, Zähler, Hinweis, Miniaturbilder). Hinweis lässt das nächste Bild ein Stück hervorschauen.
- Miniaturbilder: Mit Miniaturbildern am Desktop stellst du Desktop-Position (Links, Unten, Rechts) und Desktop-Größe ein. Auf dem Handy stehen sie immer unter dem Bild.
- Seitenverhältnis: Auto behält die eigene Form jedes Bildes. Bei Hochformat, Quadrat oder Querformat wählst du mit Medienanpassung zwischen Abdecken (füllen und zuschneiden) und Einpassen (das ganze Bild zeigen).
- Zoom aktivieren: Kunden klicken oder tippen auf ein Bild, um es im Vollbild zu sehen.
Details: die Blöcke neben den Bildern
Details hat einen Abstand und Fixiert auf Desktop (die Spalte bleibt sichtbar, während Kunden an den Bildern vorbeiscrollen). Wähle es aus und klicke auf Neuen Block hinzufügen, um Blöcke hinzuzufügen, und ziehe sie in eine beliebige Reihenfolge.
- Titel: der Produktname, einmal pro Seite. Stelle Breite, Ausrichtung, Voreinstellung, Zeilenhöhe und Zeichenabstand ein. Auf Mobilgeräten über dem Bild anzeigen setzt den Namen (mit seiner Bewertung) auf dem Handy über die Galerie. Bewertungen über dem Titel anzeigen setzt die Sternebewertung über den Namen.
- Beschreibung: der Text deines Produkts. Stelle Zeilenhöhe und Zeichenabstand ein. Mit Bild anklicken zum Scrollen scrollt ein Klick in die Beschreibung zum Bestellformular, wenn gerade kein Formular sichtbar ist. Links funktionieren weiterhin.
- Formular: Preis, Varianten und Kaufen-Button. Seine Optionen findest du unter Wie richte ich den Abschnitt Landing-Informationen und das Bestellformular ein (Buttons, Countdown, WhatsApp)?
- Trennlinie: bis zu 2 Linien zwischen Blöcken.
- Aufklappbereiche, Lieferzeitplan, Größentabelle, Badges und Vorher und nachher: siehe Wie füge ich meiner Produktseite Aufklappbereiche, Lieferdaten, eine Größentabelle, Badges oder Vorher-Nachher-Bilder hinzu?
Formular und Beschreibung sind Pflicht: Du kannst sie verschieben, aber nicht löschen.
Fixierter Button
Hält eine Kaufmöglichkeit auf dem Bildschirm, sobald Kunden vom Bestellformular wegscrollen. Er verschwindet wieder, solange ein Formular sichtbar ist. Modus:
- Keine: kein fixiertes Element.
- Leiste: eine Leiste unten mit Preis, Menge und Kaufen-Button.
- Schaltfläche: ein schwebender Button, der zum Formular scrollt. Stelle Label (leer nutzt den Text deines Kaufen-Buttons), Stil (Primär oder Sekundär), Position (Start, Mitte, Ende) und Animation (Pulse, Heartbeat, Shake, Bounce, Glow, Ripple, Wiggle oder Keine) ein.
- Bild: ein schwebendes Bild deiner Wahl, das zum Formular scrollt, mit Position und Animation.
Im Builder ist das fixierte Element sichtbar, solange der Abschnitt ausgewählt ist, damit du es gestalten kannst.