Cab Grid Pro version 5.0 introduces a new layout – The Price Table. Here is an example:

The Price Table layout is implemented on a WordPress website using a dedicated shortcode:
[cabGridProTable]

This can be added to any text block on a website. There is currently no dedicated sidebar widget for this layout, though a standard text widget can be used to render the shortcode. The standard WordPress WYSiWYG editor (TinyMCE) also offers an icon that will insert the shortcode along with standard attributes.

The price table can also be added as a Gutenberg block for templates that use the Gutenberg editor.

Where a price is available for a journey it is shown in the table as a link. By default this link opens a modal dialogue (pop-up box) displaying the main Cab Grid Pro calculator. The origin and destination are pre-populated to display a price. A customer can then go on to book. The pop-up will use the default layout selected under the OPTIONS tab.

Destinations are listed in price tables alphabetically or by custom priority (if set).

Cab Grid Pro Table Shortcode Attributes

The [cabGridProTable] shortcode can be assigned various attributes that augment the functionality fo the table, like so:
[cabGridProTable id="" vehicle="" caption="" class="" groups="" link="" origin="" destination=""]

ID

The id attribute is used to give the price table a unique identifier. This identifier can be used to target styles or javascript actions. For example, if a table has an attribute id="myTable1" dedicated styles could be defined in the Styling CSS box under the Cab Grid Pro OPTIONS tab as #cabGridProTablemyTable1 {background-color:green;}

Cab Grid prepends id attribute values with cabGridProTable, so myTable1 can be targeted as #cabGridProTablemyTable1.

Example:
[cabGridProTable id="myTableID"]

Class

Like ID, the class attribute can be used to target Cab Grid table instances. Only class names can be re-used to target one or more tables.

Example:
[cabGridProTable class="redTable"]

VEHICLE

The vehicle attribute defines the vehicle for which prices are shown. This should be a single vehicle name that exactly matches a vehicle entered in the VEHICLES tab. Alternatively, a vehicle ID can also be specified. Vehicle ID is obtained by hovering mouse over the Vehicle Type field in the Cab Grid Pro VEHILCES tab.

Using the vehicle attribute, a table for each vehicle can be displayed. The styling can be manipulated to display these as tabs, for example.

Examples:
[cabGridProTable vehicle="CHAUFFEUR"]
[cabGridProTable vehicle="6"]

CAPTION

By default, the Cab Grid Pro price table layout will display the vehicle name as a caption above the table. This can be hidden through CSS if necessary.

The caption attribute can set an alternative caption to be displayed above the table.

Example:
[cabGridProTable caption="Our Price List"]

GROUPS

By default all available prices are displayed on a Cab Grid Pro price table. The destinations can be limited by specifying one or more group names in the groups attribute.

Destinations can be assigned to groups in under the AREAS tab on the Cab Grid Pro WordPress admin page.

Example:
[cabGridProTable groups="Airport"]

Multiple groups can be combined by entering them separated by a comma.

Example:
[cabGridProTable groups="Schools,Local"]

Price list limited to destinations in either Airport or West group
Fulham$2.00$45.95$5.00$15.00$10.00$65.00
Gatwick Airport$19.00$18.00$25.00$15.00$75.00
Heathrow Airport$16.50$25.00$14.00$18.25$110.00
Stansted$55.00$100.00$60.00$70.00$35.00

ORIGIN

The origin attribute limits the rows in the CabGrid Pro price table to specified places. Rows represent the starting, pickup, or from location.

This provides even greater control when displaying prices for only one or two starting points. It is slightly different to the effect produced by the groups attribute, which will display only destinations assigned to that group; the origin attribute alone will display all prices for journeys starting at that location.

The origin attribute accepts either AREA place names or IDs (number). IDs can be found by hovering over the place name field in the AREAS tab.

Example (using place name):
[cabGridProTable origin="Heathrow Airport"]

Multiple origins can be combined by entering them separated by a comma.

Example (using multiple area IDs):
[cabGridProTable origin="3,5"]

Price list limited to journeys starting at Heathrow or Gatwick Airports
Gatwick Airport$20.00$19.00$10.00$18.00$25.00$45.00$30.00$15.00$75.00$100.00$100.00
Heathrow Airport$15.00$16.50$25.00$19.75$14.00$33.00$20.00$18.25$110.00$100.00$35.00

DESTINATION

The destination attribute limits the columns in the CabGrid Pro price table to specified places. Columns represent the destination, end, or ‘to’ location.

This provides even greater control when displaying prices for only one or two starting points. It is slightly different to the effect produced by the groups attribute, which will display only destinations assigned to that group; the destination attribute alone will display all prices for journeys ending at that location.

The destination attribute accepts either AREA place names or IDs (number). IDs can be found by hovering over the place name field in the AREAS tab.

Example (using place name):
[cabGridProTable destination="London (Centre)"]

Multiple destinations can be combined by entering them separated by a comma.

Example (using multiple area IDs):
[cabGridProTable destination="9,14"]

Price list limited to journeys ending at London (centre) or London (West end)
Fulham$15.00$25.00
Gatwick Airport$30.00$100.00
Guildford$28.00$90.00
Heathrow Airport$20.00$35.00
Islington$15.00$16.00
London (Centre)$15.00
Stansted$90.00$120.00
West End$15.00$5.00

Tags: , , ,

x
  •  
  • Discount/Promo Code
  • Extras

    Select additional items to add to your booking

    • Water

      Water

      Chilled mineral water

      -+

      $1.491.49


No price found for this journey