Перейти к основному содержимому

cardShape

Описание

Необязательный. Объект с настройками для управления информацией, отображаемой в левой части каждой карточки

Использование

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

Параметры

В объекте cardShape можно указать следующие параметры (поля):

  • category - (необязательный) показывает/скрывает название категории
  • details - (необязательный) показывает/скрывает детали
  • preview - (необязательный) показывает/скрывает изображение предпросмотра
  • price - (необязательный) показывает/скрывает цену
  • review - (необязательный) показывает/скрывает информацию о рейтинге
  • subtitle - (необязательный) показывает/скрывает подзаголовок карточки
  • title - (необязательный) показывает/скрывает заголовок карточки

Конфиг по умолчанию

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

Пример

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

new booking.Booking("#root", {
cardShape,
// другие параметры
});

Фрагмент ниже демонстрирует, как настроить отображаемые поля в левой части карточек:

к сведению

Вы также можете настроить внешний вид карточки с помощью свойства cardTemplate. Если применены оба свойства — cardTemplate и cardShape, — cardTemplate переопределит настройки cardShape.

Связанные статьи: