I want to add members online now in footer. probably need to add something in the code xb footer, but I do not know how to do it
CSS:
<div class="p-footer-custom">
<div class="p-footer-inner">
<xf:if is="property('xbSocialCustomFooter') == 'above'">
<div class="p-footer-social p-footer-socialTop">
<xf:include template="xb_social_icons">
<xf:set var="$socialtitle"><h3>{{ property('xbSocialTitle') }}</h3></xf:set>
</xf:include>
</div>
</xf:if>
<div class="xb-footer--wrapper">
<xf:if is="!in_array(property('xbFooterBlock1Width'), ['0', '0px', '0%'])">
<div class="xb-footer-block xb-footer-block-1">
<xf:macro name="footerWidgets" arg-block="1" />
<xf:if is="property('xbSocialFooterBlocks') == 'block1'">
<xf:include template="xb_social_icons">
<xf:set var="$socialtitle"><h3>{{ property('xbSocialTitle') }}</h3></xf:set>
</xf:include>
</xf:if>
</div>
</xf:if>
<xf:if is="!in_array(property('xbFooterBlock2Width'), ['0', '0px', '0%'])">
<div class="xb-footer-block xb-footer-block-2">
<xf:macro name="footerWidgets" arg-block="2" />
<xf:if is="property('xbSocialFooterBlocks') == 'block2'">
<xf:include template="xb_social_icons">
<xf:set var="$socialtitle"><h3>{{ property('xbSocialTitle') }}</h3></xf:set>
</xf:include>
</xf:if>
</div>
</xf:if>
<xf:if is="!in_array(property('xbFooterBlock3Width'), ['0', '0px', '0%'])">
<div class="xb-footer-block xb-footer-block-3">
<xf:macro name="footerWidgets" arg-block="3" />
<xf:if is="property('xbSocialFooterBlocks') == 'block3'">
<xf:include template="xb_social_icons">
<xf:set var="$socialtitle"><h3>{{ property('xbSocialTitle') }}</h3></xf:set>
</xf:include>
</xf:if>
</div>
</xf:if>
<xf:if is="!in_array(property('xbFooterBlock4Width'), ['0', '0px', '0%'])">
<div class="xb-footer-block xb-footer-block-4">
<xf:macro name="footerWidgets" arg-block="4" />
<xf:if is="property('xbSocialFooterBlocks') == 'block4'">
<xf:include template="xb_social_icons">
<xf:set var="$socialtitle"><h3>{{ property('xbSocialTitle') }}</h3></xf:set>
</xf:include>
</xf:if>
</div>
</xf:if>
</div>
<xf:if is="property('xbSocialCustomFooter') == 'below'">
<div class="p-footer-social p-footer-socialBottom">
<xf:include template="xb_social_icons">
<xf:set var="$socialtitle"><h3>{{ property('xbSocialTitle') }}</h3></xf:set>
</xf:include>
</div>
</xf:if>
</div>
</div>
<xf:macro name="footerWidgets" arg-block="{$block}">
<xf:set var="$blockId" value="{{ property('xbFooterBlockContent' . $block) }}" />
<xf:if is="{$blockId} == 'custom'">
{{ property('xbFooterBlockCustom' .$block) }}
<xf:elseif is="{$blockId} == 'customtemplate'" />
<xf:include template="{{ 'xb_footer_block' . $block }}" />
<xf:elseif is="{$blockId} == 'socialicons'" />
<xf:set var="$socialtitle"><h3>{{ property('xbSocialTitle') }}</h3></xf:set>
<xf:include template="xb_social_icons" />
<xf:elseif is="{$blockId} == 'defaultfooterlinks'" />
<xf:macro name="defaultFooterLinks" />
<xf:elseif is="{$blockId} == 'whatsNewLinks'" />
<xf:macro name="whatsNewLinks" />
<xf:elseif is="{$blockId} == 'ForumStatistics'" />
<xf:widget class="XF:ForumStatistics" />
<xf:elseif is="{$blockId} == 'NewestMembers'" />
<xf:widget class="XF:NewestMembers" />
<xf:elseif is="{$blockId} == 'OnlineStatistics'" />
<xf:widget class="XF:OnlineStatistics" />
<xf:elseif is="{$blockId} == 'SharePage'" />
<xf:widget class="XF:SharePage" />
</xf:if>
</xf:macro>
<xf:macro name="whatsNewLinks">
<h3><a class="{$baseClass} {{ $pageSelected == 'overview' ? {$selectedClass} : '' }}" href="{{ link('whats-new') }}">{{ phrase('whats_new') }}</a></h3>
<ul class="footerList">
<!--[XF:links:start]-->
<li><xf:fa icon="fa-caret-right" /> <a class="{$baseClass} {{ $pageSelected == 'new_thread' ? {$selectedClass} : '' }}" href="{{ link('whats-new/posts') }}" rel="nofollow">{{ phrase('new_posts') }}</a></li>
<!--[XF:links:after_thread]-->
<xf:if is="$xf.visitor.canViewProfilePosts()">
<li><xf:fa icon="fa-caret-right" /> <a class="{$baseClass} {{ $pageSelected == 'new_profile_post' ? {$selectedClass} : '' }}" href="{{ link('whats-new/profile-posts') }}" rel="nofollow">{{ phrase('new_profile_posts') }}</a></li>
</xf:if>
<!--[XF:links:after_profile_post]-->
<xf:if is="$xf.options.enableNewsFeed">
<xf:if is="$xf.visitor.user_id">
<li><xf:fa icon="fa-caret-right" /> <a class="{$baseClass} {{ $pageSelected == 'news_feed' ? {$selectedClass} : '' }}" href="{{ link('whats-new/news-feed') }}" rel="nofollow">{{ phrase('your_news_feed') }}</a></li>
</xf:if>
<li><xf:fa icon="fa-caret-right" /> <a class="{$baseClass} {{ $pageSelected == 'latest_activity' ? {$selectedClass} : '' }}" href="{{ link('whats-new/latest-activity') }}" rel="nofollow">{{ phrase('latest_activity') }}</a></li>
</xf:if>
</ul>
</xf:macro>
<xf:macro name="defaultFooterLinks">
<h3>{{ phrase('forum') }} {{ phrase('style_prop.link') }}</h3>
<ul class="footerList">
<xf:if is="$xf.visitor.canUseContactForm()">
<xf:if is="$xf.contactUrl">
<li><xf:fa icon="fa-caret-right" /> <a href="{$xf.contactUrl}" data-xf-click="{{ ($xf.options.contactUrl.overlay OR $xf.options.contactUrl.type == 'default') ? 'overlay' : '' }}">{{ phrase('contact_us') }}</a></li>
</xf:if>
</xf:if>
<xf:if is="$xf.tosUrl">
<li><xf:fa icon="fa-caret-right" /> <a href="{$xf.tosUrl}">{{ phrase('terms_and_rules') }}</a></li>
</xf:if>
<xf:if is="$xf.privacyPolicyUrl">
<li><xf:fa icon="fa-caret-right" /> <a href="{$xf.privacyPolicyUrl}">{{ phrase('privacy_policy') }}</a></li>
</xf:if>
<xf:if is="$xf.helpPageCount">
<li><xf:fa icon="fa-caret-right" /> <a href="{{ link('help') }}">{{ phrase('help') }}</a></li>
</xf:if>
<xf:if is="$xf.homePageUrl">
<li><xf:fa icon="fa-caret-right" /> <a href="{$xf.homePageUrl}">{{ phrase('home') }}</a></li>
</xf:if>
<li><xf:fa icon="fa-caret-right" /> <a href="{{ link('forums/index.rss', '-') }}" target="_blank" class="p-footer-rssLink" title="{{ phrase('rss')|for_attr }}"><span aria-hidden="true"><xf:fa icon="fa-rss" /><span class="u-srOnly">{{ phrase('rss') }}</span></span></a></li>
</ul>
</xf:macro>
