Weather Widget

Installation

Create a widget instance by embedding the following code within your webpage inside the <body /> tag:

<div id="Bs-WeatherWidget"></div>
<script id="booking-suedtirol-js" src="https://widget.bookingsuedtirol.com/v2/bundle.js" defer></script>
<script>
    document
    .querySelector("#booking-suedtirol-js")
    .addEventListener("load", function() {
        BookingSüdtirol.Widgets.Weather("#Bs-WeatherWidget", {
            accommodationId: 9002,
            lang: 'de'
        });
    });
</script>

Please note: Do not include the script in a bundle or host a copy of it yourself.


Configuration

Use BookingSüdtirol.Widgets.Weather(domElement, settings) to create new widget instances.

Method arguments

domElement: string | DOM element

The CSS selector or DOM element where your widget will be mounted.

settings: object

Initialization options. See API below. Each widget instance can have it's own settings.

URL parameters

The following list of settings can also be passed over the URL.

  • accommodationId
  • lang

Notice that URL parameters always overwrite widget instance settings.


API

accommodationId: number

ID of the accommodation

Mandatory field. The accommodation must already have been activated for the widget.

lang: string?

Language

  • de: German (default)
  • it: Italian
  • en: English

districtId: number?

Detailed six day forecast for the various districts of South Tyrol.

  • 1: Bolzano, Überetsch and Unterland
  • 2: Burggrafenamt - Meran and surroundings
  • 3: Vinschgau
  • 4: Eisacktal and Sarntal
  • 5: Wipptal - Sterzing and surroundings
  • 6: Pustertal
  • 7: Ladinia - Dolomites

iconStyle: string?

Choose between different icon styles

  • colored (Default)
  • monochrome

source: string?

Enables the widget to be installed on portals with multiple accommodations. For this functionality, please contact support directly.

Tracking

This widget does not support any tracking events.