Skip to main content

infoShape

Description​

Optional. An object with settings for managing information displayed on the left side of the Booking dialog

Usage​

infoShape?: {
    preview?: boolean,
    category?: boolean,
    title?: boolean,
    price?: boolean,
    details?: boolean
};

Parameters​

An object has the following parameters:

  • preview - (optional) shows/hides a preview image in the information block (left side) of the Booking dialog
  • category - (optional) shows/hides a category name on the left side of the Booking dialog (for example, a specialist's job)
  • title - (optional) shows/hides a title in the information block of the Booking dialog (e.g., a specialist's name)
  • price - (optional) shows/hides price in the information block of the Booking dialog
  • details - (optional) shows/hides details in the information block of the Booking dialog

Default config​

const defaultInfoShape = {
    preview: true,
    category: true,
    title: true,
    price: true,
    details: true
};

Example​

const infoShape = {
    preview: false,
    price: false
};

new booking.Booking("#root", {
    data,
    infoShape,
    // other parameters
});

The snippet below shows how to configure what to display on the left side of the Booking dialog:

info

You can also control which fields to display in the information block of the Booking dialog using the infoTemplate property. But if both properties are applied, infoTemplate will override the infoShape settings.

Related articles: