Vorlagen des OBS Design Kits einfügen

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
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
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)

VorlageInhaltOrt
Produktseite · Zweispaltig (Standard)Brotkrume, Galerie links; rechts Titel, Kaufbox, kompakte Merkmale; darunter Beschreibung und EmpfehlungenPT
Produktseite · Zweispaltig mit Vertrauensleistewie oben, plus drei Vertrauenspunkte (Versand, Rückgabe, Beratung)PT
Produktseite · Anfrage statt Warenkorbfür sichtbare, aber nicht bestellbare Produkte: Anfrageformular im Overlay statt Kaufen-ButtonPT

Fahrzeug

VorlageInhaltOrt
Fahrzeugseite · StandardBild, Titel, Eckdaten-Kacheln, Preis, drei Anfragewege (Anfrage, Probefahrt, Inzahlungnahme)PT
Anfrage · Probefahrt mit Formular im OverlayAbschnitt mit Button, der das Formular „Probefahrt anfragen“ öffnetS, T
Fahrzeugmodell · Kopf mit Farbwahlgroßer Einstieg einer Modellseite mit Farbauswahl und PreisS, T
Fahrzeugmodell · Überblick mit KennzahlenKennzahlen und HighlightsS, WG, PT, T
Technische Daten · Gruppen zum Aufklappentechnische Daten in aufklappbaren GruppenS, WG, PT, T

Warengruppe (Kategorie-Template)

VorlageInhaltOrt
Warengruppe · Filter links, 4 pro ReiheBrotkrume, Titel, Filter und Sortierung links, Produktraster rechtsWG
Warengruppe · Filter links, 3 pro Reihewie oben mit größeren KartenWG
Warengruppe · Mit Einleitung, 4 pro Reihezusätzlich Einleitung mit Text, Bild und Themen-PillenWG
Warengruppe · Shop-Einstieg (oberste Ebene)nur für /shop/: Titel ohne Anzahl, „Neu im Shop“, Raster ohne FilterWG
Warengruppe Fahrzeuge · 1 pro Reihe (Liste)je Fahrzeug eine Zeile mit Bild, Eckdaten und PreisWG
Modellauswahl · SeitenleisteModellauswahl über den FilternWG

Produktauswahl (und Fahrzeuge)

VorlageInhaltOrt
Produktauswahl · Slider · Neu eingetroffenneueste Produkte, wischbar, „Alle anzeigen“S, WG, T
Produktauswahl · Slider · Marke im FokusProdukte einer Marke (Platzhalter-Marke ersetzen!)S, WG, T
Produktauswahl · Raster 4 pro Reihe · Angebotereduzierte Produkte mit Rabatt in ProzentS, WG, T
Produktauswahl Fahrzeuge · 2 pro Reihe / Slider / 1 pro Reihe (Liste)Fahrzeugkarten in verschiedenen DarstellungenS, WG, T

Passende Produkte (Produkt-Template)

VorlageInhalt
Passende Produkte · Sliderje Fit-Gruppe eine wischbare Reihe
Passende Produkte · Kompakte Listekleines Bild, Titel, Preis; 2–3 Spalten
Passende Produkte · Kleine Kartennur Bild, Titel, Preis
Modell-Tabelle · ProduktseiteTabelle der passenden Fahrzeugmodelle mit Suche

Zuletzt angesehen und Teaser

VorlageOrt/Inhalt
Zuletzt angesehen · Seite (Slider)S, WG, T
Zuletzt angesehen · Produktseite (Slider)PT
Teaser · Bildkacheln / Textkacheln mit Pfeil / Pillenklickbare Kacheln bzw. Buttonreihen (z. B. Ratgeber, Unterkategorien)
Modellauswahl · Abschnittgraue Fläche mit Überschrift, Text und Modellauswahl

Vorteile, Text und Bild, Inhalt

BereichBeispiele
VorteileLeiste mit Symbolen; kompakte Liste (für schmale Spalten)
Text und BildAbschnitt 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
InhaltInhaltsseite · Standard (redaktionelle Seite mit Einleitung, Bild, Text, Hinweisbox, Tabelle)

Kopf- und Fußzeile (nur in der Website-Bearbeitung)

VorlageInhalt
Kopfzeile · Shop mit Suche, Konto und WarenkorbLogo, Suche, Konto, Warenkorb, Hauptmenü
Hinweisleiste über dem Kopfschmale Leiste mit Leitsatz/Vorteilen
Fußzeile · Shop mit Kontakt, Service, Rechtlichemvier Spalten
Fußzeile · Mit Standorten, Menüs und Fußnotemit 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 Produktseite

Blöcke der Kategorieseite (Warengruppe)

Freie Blöcke: Produktauswahl, Zuletzt angesehen, Modellauswahl und OBS Products