Cab Grid Groups A price calculator for airport transfers, a price calculator for school pick-ups, a calculator for suburban routes…. segment areas into groups!

The Cab Grid Pro taxi price calculator plugin for WordPress allows places (destination or origin location) to be assigned to one or more custom groups. Using the shortcode ID attribute (or widget setting), many different versions (or instances) of Cab Grid can be loaded on a single web page to serve different purposes – one for airport transfers, one for school pick-ups, etc.

In Cab Grid Pro v5, the ID attribute has been re-assigned, and the GROUPS attribute should be used instead. We will update this article shortly.

Groups can also be used to apply distinct styling to individual versions of the plugin, and groups can also be combined to provide even more flexibility.

Assigning Places to Groups

In the Cab Grid Pro admin interface there is a column titled ‘Groups’. Group names should be entered here.

Areas can be assigned to many groups at once. Each group name assigned to an area should be separated with a comma (eg: airport,schools). Do not use a space after the comma either.

Group names should be unique and avoid ambiguous or repeating characters. For example a group named simply “1” could conflict with a group named “11” or “group1” due to the way groups are currently working.

Cab Grid Pro Shortcode Group Attribute

To display the Cab Grid Pro calculator with one or more group the ‘id‘ attribute must be added to the shortcode. Considering our example above, that would equate to:

[cabGridPro id="airports"]

Combine taxi destination groups

It is also possible to combine groups in a single instance of the Cab Grid Pro calculator. For example, to include places assigned to a group called “schools”, the following shortcode could be used:

[cabGridPro id="airports,schools"]

Group Styling

Any groups created are also assigned to the CSS class attribute of the Cab Grid Pro instance. This allows targeting of that particular group instance. Each group name is prefixed with ‘cabGridProGroup-‘.

So, for example, the airports group (or instance) can be styled individually using the class ‘.cabGridProGroupairports

.cabGridProGroup-airports {background-color:green;}

Grouping within Drop-down menus

As of version 3.6 there is an option in the OPTIONS tab labelled ‘Group Areas’. This will cause the Cab Grid Pro pick up and drop off drop down menus to group areas by the group names defined in the AREAS tab alphabetically.

Tags: , , , , , , ,

Pin It on Pinterest

  • Discount/Promo Code
  • Extras

    Select additional items to add to your booking

    • Water


      Chilled mineral water



No price found for this journey