Zum Hauptinhalt springen

cardShape

Beschreibung​

Optional. Ein Objekt mit Einstellungen zur Verwaltung der auf der linken Seite jeder Karte angezeigten Informationen

Verwendung​

cardShape?: {
    category?: boolean,
    details?: boolean,
    preview?: boolean,
    price?: boolean,
    review?: boolean,
    subtitle?: boolean,
    title?: boolean
};

Parameter​

Im cardShape-Objekt können Sie die folgenden Parameter (Felder) angeben:

  • category - (optional) blendet einen Kategorienamen ein/aus
  • details - (optional) blendet Details ein/aus
  • preview - (optional) blendet ein Vorschaubild ein/aus
  • price - (optional) blendet den Preis ein/aus
  • review - (optional) blendet Bewertungsinformationen ein/aus
  • subtitle - (optional) blendet den Untertitel einer Karte ein/aus
  • title - (optional) blendet den Titel einer Karte ein/aus

Standardkonfiguration​

const defaultCardShape = {
    category: true,
    details: true,
    preview: true,
    price: true,
    review: true,
    subtitle: true,
    title: true
};

Beispiel​

const cardShape = {
    review: false,
    subtitle: false,
    price: false
};

new booking.Booking("#root", {
    cardShape,
    // andere Parameter
});

Das folgende Snippet zeigt, wie Sie konfigurieren, welche Felder auf der linken Seite der Karten angezeigt werden:

Info

Sie können das Erscheinungsbild einer Karte auch mithilfe der Eigenschaft cardTemplate konfigurieren. Wenn sowohl cardTemplate als auch cardShape angewendet werden, überschreibt cardTemplate die cardShape-Einstellungen.

Verwandte Artikel:

Need more help?Contact Support