Weather Widget

Use the Weather Widget for showcasing weather conditions on your site.

Please note that there is a need to add the API key in the Addon Settings tab for correct widget functioning.  For more detailed information please follow the link https://openweathermap.org/appid

weather-addon-settings

Content

Content

weather-content

Skin

Choose the skin between Line and Standard.

Line Skin

Alignment: Choose between Left, Center and Right.

Type: You can show Region, Temperature, Description,Temperature Feels, Pressure, Humidity and Wind.

Separator

Space between: Set the space between types. 

Type: Choose between Symbol and Icon types and set it.

Standard Skin

Type: Choose between Horizontal and Vertical types.

Temperature Feels:Slide to SHOW to enable the field.

Humidity: Slide to SHOW to enable the field.

Pressure: Slide to SHOW to enable the field.

Wind: Slide to SHOW to enable the field.

Style

Region

weather-region

Country: Slide to YES to show the country.

Abbreviate to country code: Slide to YES to show the country code only.

Icon: Add an Icon if needed. Upload SVG or use the one from the Icon library. 

Temperature

weather-temperature

Icon: Add an Icon if needed. Upload SVG or use the one from the Icon library. 

Temperature Feels

weather-temperature-feels

Before text: Add the needed text to be displayed before the temperature.

Icon: Add an Icon if needed. Upload SVG or use the one from the Icon library. 

Description

weather-description

View: Choose the View between Text, Icon and Both.

Set the Icons and the Icons’ color for Clear Icon, Clouds Icon, Rain Icon, Snow Icon, Storm Icon and Mist Icon.

Humidity

weather-humidity

Before text: Add the needed text to be displayed before the value.

Icon: Add an Icon if needed. Upload SVG or use the one from the Icon library. 

Pressure

weather-pressure

Before text: Add the needed text to be displayed before the value.

Icon: Add an Icon if needed. Upload SVG or use the one from the Icon library. 

Wind

weather-wind

Speed Format: Choose the format between m/s, km/h and kilometers.

Wind direction: Slide to YES to show the wind direction and customize the direction names.

Before text: Add the needed text to be displayed before the value.

Icon: Add an Icon if needed. Upload SVG or use the one from the Icon library. 

Rotate to wind direction: Slide to YES to rotate the icon to the wind direction.

Icon Color: Set the desired icon color.

Common

weather-common

Typography: Set a Typography using settings from the dropdown.

Color: Choose the Item color.

Icon Color:Set the Icon color.

Icon Size: Set the Icon size.

Icon Spacing: Set the spacing between icon and item.

Before Text

Typography: Set a Typography using settings from the dropdown.

Color: Choose the Text Color.

Gap Between: Set the gap  between Before Text and item.

Align Vertical: Choose between Default, Top, Center and Bottom alignment. 

Advanced

Set the Advanced options that are applicable to this widget