Components
  1. Website Integration
Components
  • Components
    • Components Overview
    • Arena
      • Arena Overview
      • Arena Management
      • Seat Selection
      • Seat Reviews
      • Designing Maps
        • Arena Designer
        • Keyboard Controls
      • Website Integration
        • Website Integration
        • Customisation Options
        • Customising Prices and Currency
        • Reserving selected seats
        • Handling seat selection warnings
    • Fixture List
      • Getting started
      • Configuration
      • Generating a JWT
      • Listening to Events
      • Internationalisation
      • Theming
    • F13 JWT Example
      POST
  1. Website Integration

Customising Prices and Currency

When integrating the Arena widget, you can visually customise the prices and currency. This can be achieved by setting hasCustomLegend to true in the configuration options and by utilising the setCustomLegend method as shown in the example below.

Example#

First, you'll need to set the hasCustomLegend to true in the configuration passed in the create method, like so:
You'll then need to listen for the seat-information-loaded event to get the default information on the current legend, price bands and seats. In this example we'll listen to this and then set the currency to USD and modify the legend so that prices are 100andtheabsolutesavingis10:
These changes will then display the legend and tooltips to show the modified prices.
Screenshot 2025-09-22 at 20.48.46.png
Screenshot 2025-09-22 at 21.13.31.png

Useful data types#

Please note: This won't actually amend the prices and the trolley will still have the original prices & currency when the seats are reserved. You will need to deal with any differences you create when proceeding through reservation & checkout. This method will only change the visual elements on the Arena map.
Modified at 2025-09-24 12:31:09
Previous
Customisation Options
Next
Reserving selected seats
Built with