Skip to main content
All CollectionsWeb CheckoutManualsCalendarFirst Feature
How to Use the ShowUnitTypes Attribute
How to Use the ShowUnitTypes Attribute

Customise the CalendarFirst checkout by moving the ticket selection to a later stage in the booking process.

Lucia Burin Sestakova avatar
Written by Lucia Burin Sestakova
Updated yesterday

The showUnitTypes feature is used alongside the CalendarFirst feature. During the default CalendarFirst flow, customers select their tickets on the same page as the date (alongside other parameters).

By enabling the showUnitTypes attribute, ticket selection is moved after product selection.

Update Data-Config

Add the below piece of code in the data-config attribute of your checkout script, see the Implementation Guide for more information.
​

"features": { 
"calendarFirst": {
"enabled": true,
"showUnitTypes": false
}
}

Attribute

Default

Available Values

Description

enabled

by default not set

true / false

Allow customers to select tour date before product selection

showUnitTypes

by default not set

true / false

Display tickets on the calendar page (true) or after product selection instead, alongside tour time selection (false)

πŸ“— TIP

Learn more about other checkout features.


ShowUnitTypes Flow

Configure Order

A customer opens your Ventrata checkout, or presses the checkout button. The Tickets page is shown first. Here, the customer configures their booking using the following settings:

"showUnitTypes": true

  • Tour Language - if any of the category products supports multiple languages, a language selector becomes available


  • Ticket Type - if the category products support bookings for specific dates and open-dated tickets, the customer can choose their preferred ticket type


  • Calendar - based on the customer's selection in the previous step:

    • Fixed date ticket

      a calendar is shown with available dates

    • Flexible date ticket

      the calendar is hidden


  • Ticket Selection - the customer selects their preferred tickets (left)

    NOT AVAILABLE W/ showUnitTypes: false (right)

"showUnitTypes": false

View Product Information

Based on the customer's configuration, products and options are filtered to display only matching items.

Fixed Date Ticket

Flexible Date Ticket

πŸ“— TIP

Learn more about the elements that make up product information and where you can configure them here.

Select Tickets and Product Tour

The customer then selects their their tickets, and any available extras. On the right side of the widget, they choose their preferred tour time. They then press the Continue button. If no tour times are available, a Select button is shown instead.

Depending on your product's configuration, the next pages may contain

  • Pickups

  • Combination or Upsell offers

"showUnitTypes": true

"showUnitTypes": false

Checkout

The checkout process then continues as usual, with the customer filling in their details and concluding the order by paying for it.

Did this answer your question?