Fertige Design-Kit-Vorlagen einfügen und anpassen: wie es geht und welche Vorlagen es nach Bereichen gibt.
Worum es geht Video: Vorlage einfügen
Vorlagen sind fertig gestaltete Abschnitte oder ganze Seitenaufbauten. Statt Blöcke einzeln zusammenzusetzen, fügst Du eine Vorlage ein und passt Texte, Bilder und die Produktauswahl an. Farben, Schriften und Abstände kommen zentral aus dem Design Kit und sind bewusst einheitlich.
Editor: Vorlagen einfügen
Einfügen: Editor → + → Reiter Vorlagen → Kategorie wählen. Der Editor zeigt nur Vorlagen, die an diesem Ort erlaubt sind. Wie Du eine eingefügte Vorlage bearbeitest, steht in So funktioniert der Shop-Aufbau: Seiten, Templates, Blöcke und Vorlagen .
Editor: ausgewählte Vorlage mit Beschreibung
Einsatzort-Kürzel: S = Seiten/Beiträge · WG = Kategorie-Template · PT = Produkt-Template · T = Website-Templates · K/F = Kopf-/Fußzeile.
Produktseiten (Produkt-Template) Vorlage Inhalt Ort Produktseite · Zweispaltig (Standard) Brotkrume, Galerie links; rechts Titel, Kaufbox, kompakte Merkmale; darunter Beschreibung und Empfehlungen PT Produktseite · Zweispaltig mit Vertrauensleiste wie oben, plus drei Vertrauenspunkte (Versand, Rückgabe, Beratung) PT Produktseite · Anfrage statt Warenkorb für sichtbare, aber nicht bestellbare Produkte: Anfrageformular im Overlay statt Kaufen-Button PT
Fahrzeug Vorlage Inhalt Ort Fahrzeugseite · Standard Bild, Titel, Eckdaten-Kacheln, Preis, drei Anfragewege (Anfrage, Probefahrt, Inzahlungnahme) PT Anfrage · Probefahrt mit Formular im Overlay Abschnitt mit Button, der das Formular „Probefahrt anfragen“ öffnet S, T Fahrzeugmodell · Kopf mit Farbwahl großer Einstieg einer Modellseite mit Farbauswahl und Preis S, T Fahrzeugmodell · Überblick mit Kennzahlen Kennzahlen und Highlights S, WG, PT, T Technische Daten · Gruppen zum Aufklappen technische Daten in aufklappbaren Gruppen S, WG, PT, T
Warengruppe (Kategorie-Template) Vorlage Inhalt Ort Warengruppe · Filter links, 4 pro Reihe Brotkrume, Titel, Filter und Sortierung links, Produktraster rechts WG Warengruppe · Filter links, 3 pro Reihe wie oben mit größeren Karten WG Warengruppe · Mit Einleitung, 4 pro Reihe zusätzlich Einleitung mit Text, Bild und Themen-Pillen WG Warengruppe · Shop-Einstieg (oberste Ebene) nur für /shop/: Titel ohne Anzahl, „Neu im Shop“, Raster ohne Filter WG Warengruppe Fahrzeuge · 1 pro Reihe (Liste) je Fahrzeug eine Zeile mit Bild, Eckdaten und Preis WG Modellauswahl · Seitenleiste Modellauswahl über den Filtern WG
Produktauswahl (und Fahrzeuge) Vorlage Inhalt Ort Produktauswahl · Slider · Neu eingetroffen neueste Produkte, wischbar, „Alle anzeigen“ S, WG, T Produktauswahl · Slider · Marke im Fokus Produkte einer Marke (Platzhalter-Marke ersetzen!) S, WG, T Produktauswahl · Raster 4 pro Reihe · Angebote reduzierte Produkte mit Rabatt in Prozent S, WG, T Produktauswahl Fahrzeuge · 2 pro Reihe / Slider / 1 pro Reihe (Liste) Fahrzeugkarten in verschiedenen Darstellungen S, WG, T
Passende Produkte (Produkt-Template) Vorlage Inhalt Passende Produkte · Slider je Fit-Gruppe eine wischbare Reihe Passende Produkte · Kompakte Liste kleines Bild, Titel, Preis; 2–3 Spalten Passende Produkte · Kleine Karten nur Bild, Titel, Preis Modell-Tabelle · Produktseite Tabelle der passenden Fahrzeugmodelle mit Suche
Zuletzt angesehen und Teaser Vorlage Ort/Inhalt Zuletzt angesehen · Seite (Slider) S, WG, T Zuletzt angesehen · Produktseite (Slider) PT Teaser · Bildkacheln / Textkacheln mit Pfeil / Pillen klickbare Kacheln bzw. Buttonreihen (z. B. Ratgeber, Unterkategorien) Modellauswahl · Abschnitt graue Fläche mit Überschrift, Text und Modellauswahl
Vorteile, Text und Bild, Inhalt Bereich Beispiele Vorteile Leiste mit Symbolen; kompakte Liste (für schmale Spalten) Text und Bild Abschnitt mit Überschrift; Text mit Bild; nebeneinander 50/50; Merkmale Bild/Text abwechselnd; Galerie; Video; Zitat; Aufklappliste (FAQ); Aufzählung/nummerierte Liste; Tabelle; Preisliste; Ansprechpartner; Beitragsliste; zentraler Baustein Inhalt Inhaltsseite · Standard (redaktionelle Seite mit Einleitung, Bild, Text, Hinweisbox, Tabelle)
Kopf- und Fußzeile (nur in der Website-Bearbeitung) Vorlage Inhalt Kopfzeile · Shop mit Suche, Konto und Warenkorb Logo, Suche, Konto, Warenkorb, Hauptmenü Hinweisleiste über dem Kopf schmale Leiste mit Leitsatz/Vorteilen Fußzeile · Shop mit Kontakt, Service, Rechtlichem vier Spalten Fußzeile · Mit Standorten, Menüs und Fußnote mit 1–4 Standorten
HINWEIS
Die Vorlage „Produktauswahl · Marke im Fokus“ ist mit einer Platzhalter-Marke vorbelegt – echte Marke eintragen, sonst zeigt sie nichts.
WEITERLESEN
Verwandte Themen So funktioniert der Shop-Aufbau: Seiten, Templates, Blöcke und Vorlagen Blöcke der Kategorieseite (Warengruppe) Freie Blöcke: Produktauswahl, Zuletzt angesehen, Modellauswahl und OBS Products