Erscheinungsbild
Atelier-Karte & Finder
Zwei Bausteine, die Besuchern Orientierung geben: die Atelier-Karte stellt Standort/Werkstatt mit Adresse und Öffnungszeiten vor, der Finder leitet per Karten-Auswahl zu passenden Seiten weiter.
Suchmaschinen und Screenreader für blinde und sehbehinderte Besucher orientieren sich an der Reihenfolge der Überschriften auf einer Seite, nicht an ihrer optischen Größe. Deshalb lässt sich bei manchen Elementen die Überschriften-Ebene gezielt einstellen.
Atelier-Karte
Zeigt ein Bild (Standort- oder Werkstattfoto) neben Adresse, Öffnungszeiten und bis zu zwei Buttons. Das „Kartenbild" ist ein von dir hochgeladenes Foto oder eine Grafik — keine eingebettete, interaktive Karte (z. B. kein Google-Maps-Embed).
Element einfügen
- In der Erlebniswelt eine Section anlegen und den Block „Boutique Atelier-Karte" hinzufügen.
- Im Block sitzt das Element „Boutique Atelier-Karte" — rechts öffnet sich seine Konfiguration.
Einstellungen
| Option | Wirkung |
|---|---|
| Kartenbild | Bild-Upload (Standort-/Werkstattfoto). Ohne Bild bleibt die Bildhälfte im Frontend leer. |
| Bildbeschreibung | Beschreibt das Bild für Screenreader und die Bildersuche. Leer lassen, wenn das Bild rein schmückend ist oder die Beschreibung schon in der Mediathek hinterlegt wurde. |
| Bild-Position | Bild links oder Bild rechts neben dem Text (Desktop; mobil immer übereinander). |
| Kennzeichnungs-Label | Kurze Überzeile über der Headline. |
| Headline | Titel des Abschnitts. |
| Überschriften-Ebene | Legt fest, als welche Überschrift der Text im Seitenaufbau zählt (h1 bis h3). Die Schriftgröße ändert sich dadurch nicht. Faustregel: pro Seite genau eine h1 — auf Produktseiten ist das der Produktname, auf allen anderen die wichtigste Überschrift der Seite. |
| Fließtext | Beschreibungstext. |
| Bezeichnung / Adresse (Inhalt) | Label + Text für die Adresse (mehrzeilig möglich). |
| Öffnungszeiten (Label) / Öffnungszeiten (Inhalt) | Label + Text für die Öffnungszeiten (mehrzeilig möglich). |
| CTA 1/2 — Button-Text, Link, Stil | Zwei unabhängige Buttons. Stil je: Primary, Ghost, Underline. |
Was im Frontend passiert
- Bild und Text stehen nebeneinander, gesteuert über Bild-Position (mobil immer untereinander, Bild zuerst).
- Adresse und Öffnungszeiten erscheinen als Definitionsliste; Zeilenumbrüche in „Adresse (Inhalt)" und „Öffnungszeiten (Inhalt)" werden übernommen.
- Ein CTA-Button erscheint nur, wenn sowohl Button-Text als auch Link gefüllt sind — fehlt eines von beiden, bleibt der Button unsichtbar.
Bild ist Pflicht für die Optik
Ohne hochgeladenes Kartenbild bleibt die entsprechende Seite des Elements im Frontend schlicht leer — es gibt keinen Platzhalter (der Platzhaltertext erscheint nur in der Admin-Vorschau).
Finder
Ein Intro-Text plus 2–6 anklickbare Auswahl-Karten — z. B. um Besucher zu passenden Kategorien, Produktlinien oder einer Beratungsseite zu leiten. Der Finder wertet dabei keine Antworten oder Produktmerkmale aus; jede Karte ist schlicht ein Textblock mit eigenem Link.
Für die Anordnung gibt es zwei Layouts:
- Geteilt (Standard): Intro links, Karten rechts untereinander.
- Untereinander: Intro über die Breite, Karten darunter in 2, 3 oder 4 Spalten.
Element einfügen
- In der Erlebniswelt eine Section anlegen und den Block „Boutique Finder" hinzufügen.
- Im Block sitzt das Element „Boutique Finder" — rechts öffnet sich seine Konfiguration.
Einstellungen
| Option | Wirkung |
|---|---|
| Intro-Label | Kurze Überzeile über der Intro-Headline. |
| Intro-Headline | Titel des Intro-Bereichs. |
| Überschriften-Ebene | Legt fest, als welche Überschrift der Text im Seitenaufbau zählt (h1 bis h3). Die Schriftgröße ändert sich dadurch nicht. Faustregel: pro Seite genau eine h1 — auf Produktseiten ist das der Produktname, auf allen anderen die wichtigste Überschrift der Seite. |
| Intro-Text | Beschreibungstext darunter. |
| Layout | Geteilt (Intro links, Karten rechts) oder Untereinander (Karten unter dem Intro). |
| Spalten | Nur bei „Untereinander": 2, 3 (Standard) oder 4 Karten nebeneinander. |
| Breite des Intro-Texts | Nur bei „Untereinander": begrenzt Überzeile, Headline und Text auf Zwölftel der Sektionsbreite (Standard 8/12). |
| Karten (Reiter, 2–6 Stück) | Pro Karte: Nummer (z. B. „01"), Karten-Name, Karten-Subtext, Karten-Link-URL. |
| Fußtext | Kurzer Text unter den Karten (z. B. „Unsicher?"). |
| Fuß-Link-Label / Fuß-Link-URL | Optionaler Link direkt daneben. |
Mindestens 2, maximal 6 Karten
Über das „+" in der Kartenleiste fügst du weitere Karten hinzu (bis max. 6). „Karte entfernen" lässt sich erst nutzen, sobald mehr als 2 Karten vorhanden sind.
Was im Frontend passiert
- Jede Karte mit ausgefüllter Karten-Link-URL ist ein klickbarer Link mit Pfeil-Symbol; eine Karte ohne Link-URL wird als nicht-klickbarer Block dargestellt.
- Die Fußzeile erscheint nur, wenn Fußtext gefüllt ist bzw. wenn sowohl Fuß-Link-Label als auch Fuß-Link-URL gefüllt sind. Sie läuft immer über die ganze Breite, auch im Mehrspalter.
- Im Layout „Untereinander" greift die gewählte Spaltenzahl erst auf dem Desktop. Auf Tablets stehen höchstens zwei Karten nebeneinander, auf dem Handy immer eine — bei vier Karten pro Reihe würden Name und Subtext dort unlesbar umbrechen.
- Die Breitenbegrenzung des Intro-Texts wirkt ebenfalls erst ab Tablet; auf schmalen Bildschirmen würde sie die Zeilen nur zerhacken.
Kein automatischer Filter
Der Finder verlinkt ausschließlich auf die von dir hinterlegten Link-URLs — er stellt keine Fragen und filtert keine Produkte. Die eigentliche „Findung" muss über passend eingerichtete Ziel-Seiten (z. B. gefilterte Kategorieseiten) erfolgen.