Um die Wetter-Widgets verwenden zu können, muss die Erweiterung Wetter im Bakehouse installiert sein. Bitte kontaktieren Sie uns: support@bakehouse.at
Viewhelper
Über den weather:forecast-ViewHelper kann die Wetter-Erweiterung auch direkt im HTML aufgerufen werden.
Der weather:locationAutocomplete-ViewHelper dient im Settingsformular für die Auswahl des Ortes.
HTML-Aufbau und CSS-Klassen
Das Wetter wird immer dann befüllt, wenn HTML mit folgendem Aufbau gefunden wird. Der umliegende Container mit der Klasse .bh-weather-day bestimmt mit seinem data-day-Attribut, welcher Tag geladen wird. Dabei entspricht 1 Heute, 2 Morgen usw...
HTML
<div class="bh-weather">
<div class="bh-weather-day" data-day="1">
<div class="bh-weather-icon"></div>
</div>
</div>
mögliche Klassen:
- bh-weather-date-weekday - Wochentag
- bh-weather-date-readable - Datum
- bh-weather-temp-min-wrapper - Minimal-Temperatur
- bh-weather-temp-max-wrapper - Maximal-Temperatur
- bh-weather-text - Textbeschreibung
Darstelungsvarianten
Normal
-
-
-°
-°
Wetterbericht
-
-
-°
-°
Wetterbericht
-
-
-°
-°
Wetterbericht
Monochrome
-
-
-°
-°
Wetterbericht
-
-
-°
-°
Wetterbericht
-
-
-°
-°
Wetterbericht
Listenansicht
-
-
-°
-°
Wetterbericht
-
-
-°
-°
Wetterbericht
-
-
-°
-°
Wetterbericht
Fader
-
-
-°
-°
Wetterbericht
-
-
-°
-°
Wetterbericht
-
-
-°
-°
Wetterbericht
-
-
-°
-°
Wetterbericht
-
-
-°
-°
Wetterbericht
-
-
-°
-°
Wetterbericht
-
-
-°
-°
Wetterbericht