Karten

Karten

Im Tab “Karten” konfigurierst du, wie die einzelnen Unterkunftskarten im Katalog dargestellt werden. Hier legst du fest, welche Informationen auf jeder Karte angezeigt werden.

Basis-Elemente

Bild anzeigen

Zeigt das Hauptbild der Unterkunft auf der Karte.

• Was es macht: Zeigt das erste Bild aus der Galerie
• Auswirkung: Visuell ansprechende Darstellung
• Standard: Aktiviert

Bildqualität

Unterkünfte mit hochwertigen Bildern werden häufiger gebucht. Achte auf gute Beleuchtung und professionelle Fotos.

Typ-Badge anzeigen

Zeigt ein Badge mit dem Unterkunftstyp.

• Was es macht: Kleines Label über dem Bild
• Beispiele: “Apartment”, “Zimmer”, “Haus”
• Position: Oben links auf dem Bild
• Standard: Aktiviert

Standort anzeigen

Zeigt den Standort der Unterkunft.

• Was es macht: Zeigt Stadtteil, Stadt oder Region
• Beispiel: “Mitte, Berlin”
• Standard: Aktiviert

Bewertung anzeigen

Zeigt die Durchschnittsbewertung.

• Was es macht: Sterne-Symbol mit Bewertungszahl
• Beispiel: ”⭐ 4.8”
• Position: Unter dem Titel oder in der Ecke
• Standard: Aktiviert

Preis anzeigen

Zeigt den Preis pro Buchungseinheit.

• Was es macht: Preis mit Einheit
• Beispiel: “89 € / Nacht”
• Standard: Aktiviert

Kapazität anzeigen

Zeigt die maximale Gästezahl.

• Was es macht: Icon mit Personenzahl
• Beispiel: ”👤 4 Gäste”
• Standard: Aktiviert

Größe anzeigen

Zeigt die Wohnfläche in Quadratmetern.

• Was es macht: Größenangabe in m²
• Beispiel: “65 m²”
• Standard: Deaktiviert

Größe vs. Kapazität

Für Hotels ist die Kapazität wichtiger, für Ferienwohnungen die Größe. Wähle je nach Unterkunftstyp.

Interaktive Elemente

Favoriten-Button anzeigen

Zeigt ein Herz-Icon zum Speichern als Favorit.

• Was es macht: Nutzer können Unterkünfte merken
• Position: Oben rechts auf dem Bild
• Standard: Aktiviert

Favoriten-Funktion:

• Tippen speichert die Unterkunft
• Erneutes Tippen entfernt sie
• Favoriten sind unter “Meine Favoriten” abrufbar
• Bei angemeldeten Nutzern: Sync über Geräte

Schnellvorschau bei Long-Press

Zeigt eine Vorschau beim langen Tippen auf die Karte.

• Was es macht: Pop-up mit mehr Details ohne Navigation
• Inhalt: Weitere Bilder, kurze Beschreibung, wichtige Ausstattung
• Standard: Deaktiviert

Schnellvorschau

Die Schnellvorschau beschleunigt das Durchstöbern des Katalogs. Nutzer können schnell entscheiden, ob sie mehr sehen möchten.

Karten-Layout

Raster-Ansicht

In der Rasteransicht werden Karten so dargestellt:

┌──────────────────────────┐
│  ┌────────────────────┐  │
│  │      [Bild]        │  │
│  │ ❤️            APT  │  │
│  └────────────────────┘  │
│  Gemütliches Apartment   │
│  📍 Mitte, Berlin        │
│  ⭐ 4.8  ·  👤 4 Gäste   │
│  89 € / Nacht            │
└──────────────────────────┘

Listen-Ansicht

In der Listenansicht werden Karten kompakter:

┌────────────────────────────────────────────┐
│ ┌───────┐ Gemütliches Apartment            │
│ │ [Bild]│ 📍 Mitte, Berlin                 │
│ │  ❤️   │ ⭐ 4.8 · 👤 4 Gäste · 65 m²      │
│ └───────┘ 89 € / Nacht                     │
└────────────────────────────────────────────┘

Karten-Design

Die visuelle Gestaltung der Karten wird über die Theme Suite gesteuert:

• Eckenradius: Wie rund die Kartenecken sind
• Schatten: Tiefe des Kartenschattens
• Hintergrund: Farbe des Kartenhintergrunds
• Textfarben: Titel, Beschreibung, Preis

Mehr dazu findest du unter Theme Suite > Karten.

Informationshierarchie

Die Anordnung der Elemente auf der Karte folgt einer Hierarchie:

Priorität	Element	Begründung
1	Bild	Erster visueller Eindruck
2	Titel	Identifikation der Unterkunft
3	Bewertung	Vertrauenssignal
4	Preis	Wichtiges Entscheidungskriterium
5	Standort	Kontext
6	Kapazität/Größe	Details für Interessierte

Häufige Fragen

Wie viele Informationen sollten auf der Karte sein?

Weniger ist mehr. Die Karte soll neugierig machen, nicht alle Details zeigen. Die wichtigsten Infos auf einen Blick genügen - Details gibt es auf der Detailseite.

Kann ich das Karten-Layout komplett anpassen?

Das grundlegende Layout ist vorgegeben, um Konsistenz zu gewährleisten. Du kannst aber auswählen, welche Elemente angezeigt werden und das Design über die Theme Suite anpassen.

Warum sollte ich manche Elemente ausblenden?

• Größe ausblenden: Bei kleinen Unterkünften kann dies negativ wirken
• Preis ausblenden: Für “Preis auf Anfrage”-Modelle
• Typ-Badge ausblenden: Wenn alle Unterkünfte gleich sind

Wie beeinflusst das Karten-Layout die Performance?

Weniger Elemente = schnelleres Laden. Bei vielen Unterkünften und schwachen Geräten können zu viele Elemente das Scrollen verlangsamen.