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: