This page contains examples using the Zap Weather content plugin, which can display weather information within a Joomla article or custom HTML module. The sample output below is showing current weather information for Los Angeles using this plugin. To use these examples on your site, just copy the code and paste the code into your Joomla article or custom HTML module. Change the location variable "loc" for your particular site, using the location id in Zap Weather's list of locations.  In most cases, you will need to paste this code into the HTML code window of the editor (for example, the "HTML" icon in the standard Joomla editor or the "<>" icon or "[show/hide]" option in the JCE editor) in order for the HTML tags to be inserted properly.  For a full list of variables that can be used, including variables for forecasts, observations and alerts, read the Zap Weather content plugin article.

 

DescriptionSample OutputCode

12 Hour Forecast - 2 periods in a horizontal layout

{zweather loc=1}
{zweather var=f12_periodname,index=1}


{zweather var=f12_weather,index=1}
Hi: {zweather var=f12_maxtemp,index=1}°
Low: {zweather var=f12_mintemp,index=1}°
{zweather var=f12_periodname,index=2}


{zweather var=f12_weather,index=2}
Hi: {zweather var=f12_maxtemp,index=2}°
Low: {zweather var=f12_mintemp,index=2}°
24 Hour Forecast - 2 periods in a vertical layout {zweather loc=1}
Today:
{zweather var=f24_weather,index=0}
Hi: {zweather var=f24_maxtemp,index=0}°
Low: {zweather var=f24_mintemp,index=0}°
Tomorrow:
{zweather var=f24_weather,index=1}
Hi: {zweather var=f24_maxtemp,index=1}°
Low: {zweather var=f24_mintemp,index=1}°
Current Conditions - A basic layout {zweather loc=1}
{zweather loc=1} {zweather var=o_weather}
{zweather var=o_tempstr}