XenForo Templates

Introduction needed.

Using Random Elements

The following code inserted into a page via template will randomly load from banners 1 to 5.

<xf:set var="$banner.1">
	<div class="banner"><a href="link1_here/"><img src="image1_here.webp"></a></div>
</xf:set>
<xf:set var="$banner.2">
	<div class="banner"><a href="link2_here/"><img src="image2_here.webp"></a></div>
</xf:set>
<xf:set var="$banner.3">
	<div class="banner"><a href="link3_here/"><img src="image3_here.webp"></a></div>
</xf:set>
<xf:set var="$banner.4">
	<div class="banner"><a href="link4_here/"><img src="image4_here.webp"></a></div>
</xf:set>
<xf:set var="$banner.5">
	<div class="banner"><a href="link5_here/"><img src="image5_here.webp"></a></div>
</xf:set>

{$banner.{{ rand(1,5) }}}

the below code in an html widget, inserts one of the 5 widgets in the xf:set section between the two other widgets

the random selection of the variable widget happens on page load/re-load

<xf:set var="$widgetA.1">
	<div>
		<xf:widget key="new_resources" />		
	</div>
</xf:set>
<xf:set var="$widgetA.2">
	<div>
		<xf:widget key="newest_articles" />
	</div>
</xf:set>
<xf:set var="$widgetA.3">
	<div>
		<xf:widget key="latest_blogs" />
	</div>
</xf:set>
<xf:set var="$widgetA.4">
	<div>
		<xf:widget key="featured_articles_sidebar_scroll" />
	</div>
</xf:set>
<xf:set var="$widgetA.5">
	<div>
		<xf:widget key="featured_blogs_sidebar_scroll" />
	</div>
</xf:set>

<div class="sidebar-widget-div"><xf:widget key="site_poll" /></div>
{$widgetA.{{ rand(1,5) }}}	
<div class="sidebar-widget-div ad-slot"><xf:widget key="ad_slot" /></div>