XF 2.2 can this be customized?

UGTeam

New member
Hi everyone below i have a photo of the Xenforo original layout so i can show you what i need customised in the 2nd photo as i am trying to re build Katz WJunctions theme with keeping the integrity of the site because it was last used 11 years ago with vBulletin 3.8.6, here i run the theme on vB 3.8.6 Orig WJunction

Original Layout Below:
Xen Layout Orig.png

This is what i need customized, please let me know if you can help me with this?

Considered Customization Work to be done below:

Xen Layout Customized.jpg

I am running Xenforo 2.2.8 with UI.X 2 and the customized work will only be for the 1 theme.
 
Last edited:
Hi,

In node_list_forum template FIND:
HTML:
            <xf:if is="!{$extras.privateInfo}">
                <div class="node-stats">
                    <dl class="pairs pairs--rows">
                        <dt>{{ phrase('threads') }}</dt>
                        <dd>{$extras.discussion_count|number_short(1)}</dd>
                    </dl>
                    <dl class="pairs pairs--rows">
                        <dt>{{ phrase('messages') }}</dt>
                        <dd>{$extras.message_count|number_short(1)}</dd>
                    </dl>
                </div>
            </xf:if>

CUT the code and ADD BELOW:
HTML:
                    <span class="node-extra-placeholder">{{ phrase('none') }}</span>
                </xf:if>
            </div>


Do the same in node_list_category and node_list_search_forum template.
 
Hi,

In node_list_forum template FIND:
HTML:
            <xf:if is="!{$extras.privateInfo}">
                <div class="node-stats">
                    <dl class="pairs pairs--rows">
                        <dt>{{ phrase('threads') }}</dt>
                        <dd>{$extras.discussion_count|number_short(1)}</dd>
                    </dl>
                    <dl class="pairs pairs--rows">
                        <dt>{{ phrase('messages') }}</dt>
                        <dd>{$extras.message_count|number_short(1)}</dd>
                    </dl>
                </div>
            </xf:if>

CUT the code and ADD BELOW:
HTML:
                    <span class="node-extra-placeholder">{{ phrase('none') }}</span>
                </xf:if>
            </div>


Do the same in node_list_category and node_list_search_forum template.
Hi BassMan.
Thank you for the info but i am not sure if it matches with mine, i have too much extra info added to mine i will add the code here so you can see it and maybe show me what to change and where?

Code:
<xf:macro name="depth1" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
    <div class="block">
        <div class="block-container">
            <div class="block-body">
                <xf:macro name="forum"
                          arg-node="{$node}"
                          arg-extras="{$extras}"
                          arg-children="{$children}"
                          arg-childExtras="{$childExtras}"
                          arg-depth="{$depth}" />
            </div>
        </div>
    </div>
</xf:macro>

<xf:macro name="depth2" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
    <xf:macro name="forum"
              arg-node="{$node}"
              arg-extras="{$extras}"
              arg-children="{$children}"
              arg-childExtras="{$childExtras}"
              arg-depth="{$depth}" />
</xf:macro>

<xf:macro name="depthN" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
    <li>
        <a href="{{ link('forums', $node) }}" class="subNodeLink subNodeLink--forum {{ $extras.hasNew ? 'subNodeLink--unread' : '' }}">
            <xf:fa icon="{{ $node.Data.TypeHandler.getTypeIconClass() ?: 'fa-comments' }}" class="subNodeLink-icon" />{$node.title}
        </a>
        <xf:macro template="forum_list" name="sub_node_list"
                  arg-children="{$children}"
                  arg-childExtras="{$childExtras}"
                  arg-depth="{{ $depth + 1 }}" />
    </li>
</xf:macro>

<xf:macro name="forum"
          arg-node="!"
          arg-extras="!"
          arg-children="!"
          arg-childExtras="!"
          arg-depth="!"
          arg-chooseName=""
          arg-bonusInfo="">

    <div class="node node--id{$node.node_id} node--depth{$depth} node--forum {{ $extras.hasNew ? 'node--unread' : 'node--read' }}">
        <div class="node-body">
            <span class="node-icon" aria-hidden="true">
                <xf:fa icon="{{ $node.Data.TypeHandler.getTypeIconClass() ?: 'fa-comments' }}" />
            </span>
            <div class="node-main js-nodeMain">
                <xf:if is="$chooseName">
                    <xf:checkbox standalone="true">
                        <xf:option labelclass="u-pullRight" class="js-chooseItem" name="{$chooseName}[]" value="{$node.node_id}" />
                    </xf:checkbox>
                </xf:if>
                <xf:set var="$descriptionDisplay" value="{{ property('nodeListDescriptionDisplay') }}" />
                <h3 class="node-title">
                    <a href="{{ link('forums', $node) }}" data-xf-init="{{ $descriptionDisplay == 'tooltip' ? 'element-tooltip' : '' }}" data-shortcut="node-description">{$node.title}</a>
                    <xf:if is="{$extras.hasNew} && property('uix_newNodeMarker')"><span class="uix_newIndicator">{{ phrase('new') }}</span></xf:if>
                </h3>
                <xf:if is="$descriptionDisplay != 'none' && $node.description">
                    <div class="node-description {{ $descriptionDisplay == 'tooltip' ? 'node-description--tooltip js-nodeDescTooltip' : '' }}">{$node.description|raw}</div>
                </xf:if>

                <div class="node-meta">
                    <xf:if is="!{$extras.privateInfo} && !property('uix_hideNodeStats')">
                        <div class="node-statsMeta">
                            <dl class="pairs pairs--inline">
                                <xf:if is="property('uix_nodeStatsIcons')">
                                    <dt><xf:fa icon="fa-comment" /></dt>
                                    <xf:else />
                                    <dt>{{ phrase('threads') }}</dt>
                                </xf:if>
                                <dd>{$extras.discussion_count|number_short(1)}</dd>
                            </dl>
                            <dl class="pairs pairs--inline">
                                <xf:if is="property('uix_nodeStatsIcons')">
                                    <dt><xf:fa icon="fa-comments" /></dt>
                                    <xf:else />
                                    <dt>{{ phrase('messages') }}</dt>
                                </xf:if>
                                <dd>{$extras.message_count|number_short(1)}</dd>
                            </dl>
                        </div>
                    </xf:if>

                    <xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'menu'">
                        <xf:macro template="forum_list" name="sub_nodes_menu"
                                  arg-children="{$children}"
                                  arg-childExtras="{$childExtras}"
                                  arg-depth="{{ $depth + 1 }}" />
                    </xf:if>
                </div>

                <xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'flat'">
                    <xf:macro template="forum_list" name="sub_nodes_flat"
                              arg-children="{$children}"
                              arg-childExtras="{$childExtras}"
                              arg-depth="{{ $depth + 1 }}" />
                </xf:if>

                <xf:if is="$bonusInfo is not empty">
                    <div class="node-bonus">{$bonusInfo}</div>
                </xf:if>
            </div>

            <xf:if is="!{$extras.privateInfo} && !property('uix_hideNodeStats')">
                <div class="node-stats">
                    <dl class="pairs pairs--rows">
                        <dt>{{ phrase('threads') }}</dt>
                        <dd>{$extras.discussion_count|number_short(1)}</dd>
                    </dl>
                    <dl class="pairs pairs--rows">
                        <dt>{{ phrase('messages') }}</dt>
                        <dd>{$extras.message_count|number_short(1)}</dd>
                    </dl>
                </div>
            </xf:if>

            <div class="node-extra">
                <xf:if is="{$extras.privateInfo}">
                    <span class="node-extra-placeholder">{{ phrase('private') }}</span>
                    <xf:elseif is="{$extras.LastThread}" />
                    <div class="node-extra-icon">
                        <xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
                            <xf:avatar user="{{ null }}" size="xs" />
                            <xf:else />
                            <xf:avatar user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" size="xs" />
                        </xf:if>
                    </div>
                    <div class="uix_nodeExtra__rows">
                        <div class="node-extra-row">
                            <xf:if is="$extras.LastThread.isUnread()">
                                <a href="{{ link('threads/unread', $extras.LastThread) }}" class="node-extra-title" title="{$extras.LastThread.title}">{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}</a>
                                <xf:else />
                                <a href="{{ link('threads/post', $extras.LastThread, {'post_id': $extras.last_post_id}) }}" class="node-extra-title" title="{$extras.LastThread.title}">{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}</a>
                            </xf:if>
                        </div>
                        <div class="node-extra-row">
                            <ul class="listInline listInline--bullet">
                                <li><xf:date time="{$extras.last_post_date}" class="node-extra-date" /></li>
                                <xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
                                    <li class="node-extra-user">{{ phrase('ignored_member') }}</li>
                                    <xf:else />
                                    <li class="node-extra-user"><xf:username user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" /></li>
                                </xf:if>
                            </ul>
                        </div>
                    </div>
                    <xf:else />
                    <span class="node-extra-placeholder">{{ phrase('none') }}</span>
                </xf:if>
            </div>


        </div>
    </div>

    <xf:if is="{$depth} == 1">
        <xf:macro template="forum_list" name="node_list"
                  arg-children="{$children}"
                  arg-extras="{$childExtras}"
                  arg-depth="{{ $depth + 1 }}" />
    </xf:if>
</xf:macro>

Thank you in advance.
WJunction
 
This is the: node_list_search_forum

Code:
<xf:macro name="depth1"
    arg-node="!"
    arg-extras="!"
    arg-children="!"
    arg-childExtras="!"
    arg-depth="1">

    <div class="block">
        <div class="block-container">
            <div class="block-body">
                <xf:macro name="search_forum"
                    arg-node="{$node}"
                    arg-extras="{$extras}"
                    arg-children="{$children}"
                    arg-childExtras="{$childExtras}"
                    arg-depth="{$depth}" />
            </div>
        </div>
    </div>
</xf:macro>

<xf:macro name="depth2"
    arg-node="!"
    arg-extras="!"
    arg-children="!"
    arg-childExtras="!"
    arg-depth="1">

    <xf:macro name="search_forum"
        arg-node="{$node}"
        arg-extras="{$extras}"
        arg-children="{$children}"
        arg-childExtras="{$childExtras}"
        arg-depth="{$depth}" />
</xf:macro>

<xf:macro name="depthN"
    arg-node="!"
    arg-extras="!"
    arg-children="!"
    arg-childExtras="!"
    arg-depth="1">

    <li>
        <a href="{{ link('search-forums', $node) }}" class="subNodeLink subNodeLink--search">{$node.title}</a>

        <xf:macro template="forum_list" name="sub_node_list"
            arg-children="{$children}"
            arg-childExtras="{$childExtras}"
            arg-depth="{{ $depth + 1 }}" />
    </li>
</xf:macro>

<xf:macro name="search_forum"
    arg-node="!"
    arg-extras="!"
    arg-children="{$children}"
    arg-childExtras="{$childExtras}"
    arg-depth="!">

    <div class="node node--id{$node.node_id} node--depth{$depth} node--search">
        <div class="node-body">
            <span class="node-icon" aria-hidden="true"><i></i></span>

            <div class="node-main js-nodeMain">
                <xf:set var="$descriptionDisplay" value="{{ property('nodeListDescriptionDisplay') }}" />

                <h3 class="node-title">
                    <a
                        href="{{ link('search-forums', $node) }}"
                        data-xf-init="{{ $descriptionDisplay == 'tooltip' ? 'element-tooltip' : '' }}"
                        data-shortcut="node-description">

                        {$node.title}
                    </a>
                    <xf:if is="{$extras.hasNew} && property('uix_newNodeMarker')"><span class="uix_newIndicator">{{ phrase('new') }}</span></xf:if>
                </h3>

                <xf:if is="$descriptionDisplay != 'none' && $node.description">
                    <div class="node-description {{ $descriptionDisplay == 'tooltip' ? 'node-description--tooltip js-nodeDescTooltip' : '' }}">
                        {$node.description|raw}
                    </div>
                </xf:if>

                <xf:if is="!property('uix_hideNodeStats')">
                    <div class="node-meta">
                        <div class="node-statsMeta">
                            <dl class="pairs pairs--inline">
                                <xf:if is="property('uix_nodeStatsIcons')">
                                    <dt><xf:fa icon="fa-comment" /></dt>
                                    <xf:else />
                                    <dt>{{ phrase('threads') }}</dt>
                                </xf:if>
                                <dd>{$extras.discussion_count|number_short(1)}{{ $extras.discussion_count == $extras.max_results ? '+' : ''}}</dd>
                            </dl>

                            <dl class="pairs pairs--inline">
                                <xf:if is="property('uix_nodeStatsIcons')">
                                    <dt><xf:fa icon="fa-comments" /></dt>
                                    <xf:else />
                                    <dt>{{ phrase('messages') }}</dt>
                                </xf:if>
                                <dd>{$extras.message_count|number_short(1)}</dd>
                            </dl>
                        </div>

                        <xf:if is="$depth == 2 && property('nodeListSubDisplay') == 'menu'">
                            <xf:macro template="forum_list" name="sub_nodes_menu"
                                      arg-children="{$children}"
                                      arg-childExtras="{$childExtras}"
                                      arg-depth="{{ $depth + 1 }}" />
                        </xf:if>
                    </div>
                </xf:if>

                <xf:if is="$depth == 2 && property('nodeListSubDisplay') == 'flat'">
                    <xf:macro template="forum_list" name="sub_nodes_flat"
                        arg-children="{$children}"
                        arg-childExtras="{$childExtras}"
                        arg-depth="{{ $depth + 1 }}" />
                </xf:if>
            </div>

            <xf:if is="{{!property('uix_hideNodeStats') }}">
                <div class="node-stats">
                    <dl class="pairs pairs--rows">
                        <dt>{{ phrase('threads') }}</dt>
                        <dd>{$extras.discussion_count|number_short(1)}{{ $extras.discussion_count == $extras.max_results ? '+' : ''}}</dd>
                    </dl>

                    <dl class="pairs pairs--rows">
                        <dt>{{ phrase('messages') }}</dt>
                        <dd>{$extras.message_count|number_short(1)}</dd>
                    </dl>
                </div>
            </xf:if>

            <div class="node-extra">
                <xf:if is="$extras.discussion_count">
                    <xf:if is="$extras.LastThread">
                        <div class="node-extra-icon">
                            <xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
                                <xf:avatar user="{{ null }}" size="xs" />
                                <xf:else />
                                <xf:avatar user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" size="xs" />
                            </xf:if>
                        </div>

                        <div class="uix_nodeExtra__rows">
                            <div class="node-extra-row">
                                <xf:if is="$extras.LastThread.isUnread()">
                                    <a href="{{ link('threads/unread', $extras.LastThread) }}" class="node-extra-title" title="{$extras.LastThread.title}">
                                        {{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}
                                    </a>
                                    <xf:else />
                                    <a href="{{ link('threads/post', $extras.LastThread, {'post_id': $extras.last_post_id}) }}" class="node-extra-title" title="{$extras.LastThread.title}">
                                        {{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}
                                    </a>
                                </xf:if>
                            </div>

                            <div class="node-extra-row">
                                <ul class="listInline listInline--bullet">
                                    <li><xf:date time="{$extras.last_post_date}" class="node-extra-date" /></li>
                                    <xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
                                        <li class="node-extra-user">{{ phrase('ignored_member') }}</li>
                                        <xf:else />
                                        <li class="node-extra-user"><xf:username user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" /></li>
                                    </xf:if>
                                </ul>
                            </div>
                        </div>
                        <xf:else />
                        <span class="node-extra-placeholder">{{ phrase('private') }}</span>
                    </xf:if>
                    <xf:else />
                    <span class="node-extra-placeholder">{{ phrase('none') }}</span>
                </xf:if>
            </div>
        </div>
    </div>

    <xf:if is="{$depth} == 1">
        <xf:macro template="forum_list" name="node_list"
            arg-children="{$children}"
            arg-extras="{$childExtras}"
            arg-depth="{{ $depth + 1 }}" />
    </xf:if>
</xf:macro>
 
Hi BassMan.
Thank you for the info but i am not sure if it matches with mine, i have too much extra info added to mine i will add the code here so you can see it and maybe show me what to change and where?

Code:
<xf:macro name="depth1" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
    <div class="block">
        <div class="block-container">
            <div class="block-body">
                <xf:macro name="forum"
                          arg-node="{$node}"
                          arg-extras="{$extras}"
                          arg-children="{$children}"
                          arg-childExtras="{$childExtras}"
                          arg-depth="{$depth}" />
            </div>
        </div>
    </div>
</xf:macro>

<xf:macro name="depth2" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
    <xf:macro name="forum"
              arg-node="{$node}"
              arg-extras="{$extras}"
              arg-children="{$children}"
              arg-childExtras="{$childExtras}"
              arg-depth="{$depth}" />
</xf:macro>

<xf:macro name="depthN" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
    <li>
        <a href="{{ link('forums', $node) }}" class="subNodeLink subNodeLink--forum {{ $extras.hasNew ? 'subNodeLink--unread' : '' }}">
            <xf:fa icon="{{ $node.Data.TypeHandler.getTypeIconClass() ?: 'fa-comments' }}" class="subNodeLink-icon" />{$node.title}
        </a>
        <xf:macro template="forum_list" name="sub_node_list"
                  arg-children="{$children}"
                  arg-childExtras="{$childExtras}"
                  arg-depth="{{ $depth + 1 }}" />
    </li>
</xf:macro>

<xf:macro name="forum"
          arg-node="!"
          arg-extras="!"
          arg-children="!"
          arg-childExtras="!"
          arg-depth="!"
          arg-chooseName=""
          arg-bonusInfo="">

    <div class="node node--id{$node.node_id} node--depth{$depth} node--forum {{ $extras.hasNew ? 'node--unread' : 'node--read' }}">
        <div class="node-body">
            <span class="node-icon" aria-hidden="true">
                <xf:fa icon="{{ $node.Data.TypeHandler.getTypeIconClass() ?: 'fa-comments' }}" />
            </span>
            <div class="node-main js-nodeMain">
                <xf:if is="$chooseName">
                    <xf:checkbox standalone="true">
                        <xf:option labelclass="u-pullRight" class="js-chooseItem" name="{$chooseName}[]" value="{$node.node_id}" />
                    </xf:checkbox>
                </xf:if>
                <xf:set var="$descriptionDisplay" value="{{ property('nodeListDescriptionDisplay') }}" />
                <h3 class="node-title">
                    <a href="{{ link('forums', $node) }}" data-xf-init="{{ $descriptionDisplay == 'tooltip' ? 'element-tooltip' : '' }}" data-shortcut="node-description">{$node.title}</a>
                    <xf:if is="{$extras.hasNew} && property('uix_newNodeMarker')"><span class="uix_newIndicator">{{ phrase('new') }}</span></xf:if>
                </h3>
                <xf:if is="$descriptionDisplay != 'none' && $node.description">
                    <div class="node-description {{ $descriptionDisplay == 'tooltip' ? 'node-description--tooltip js-nodeDescTooltip' : '' }}">{$node.description|raw}</div>
                </xf:if>

                <div class="node-meta">
                    <xf:if is="!{$extras.privateInfo} && !property('uix_hideNodeStats')">
                        <div class="node-statsMeta">
                            <dl class="pairs pairs--inline">
                                <xf:if is="property('uix_nodeStatsIcons')">
                                    <dt><xf:fa icon="fa-comment" /></dt>
                                    <xf:else />
                                    <dt>{{ phrase('threads') }}</dt>
                                </xf:if>
                                <dd>{$extras.discussion_count|number_short(1)}</dd>
                            </dl>
                            <dl class="pairs pairs--inline">
                                <xf:if is="property('uix_nodeStatsIcons')">
                                    <dt><xf:fa icon="fa-comments" /></dt>
                                    <xf:else />
                                    <dt>{{ phrase('messages') }}</dt>
                                </xf:if>
                                <dd>{$extras.message_count|number_short(1)}</dd>
                            </dl>
                        </div>
                    </xf:if>

                    <xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'menu'">
                        <xf:macro template="forum_list" name="sub_nodes_menu"
                                  arg-children="{$children}"
                                  arg-childExtras="{$childExtras}"
                                  arg-depth="{{ $depth + 1 }}" />
                    </xf:if>
                </div>

                <xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'flat'">
                    <xf:macro template="forum_list" name="sub_nodes_flat"
                              arg-children="{$children}"
                              arg-childExtras="{$childExtras}"
                              arg-depth="{{ $depth + 1 }}" />
                </xf:if>

                <xf:if is="$bonusInfo is not empty">
                    <div class="node-bonus">{$bonusInfo}</div>
                </xf:if>
            </div>

            <xf:if is="!{$extras.privateInfo} && !property('uix_hideNodeStats')">
                <div class="node-stats">
                    <dl class="pairs pairs--rows">
                        <dt>{{ phrase('threads') }}</dt>
                        <dd>{$extras.discussion_count|number_short(1)}</dd>
                    </dl>
                    <dl class="pairs pairs--rows">
                        <dt>{{ phrase('messages') }}</dt>
                        <dd>{$extras.message_count|number_short(1)}</dd>
                    </dl>
                </div>
            </xf:if>

            <div class="node-extra">
                <xf:if is="{$extras.privateInfo}">
                    <span class="node-extra-placeholder">{{ phrase('private') }}</span>
                    <xf:elseif is="{$extras.LastThread}" />
                    <div class="node-extra-icon">
                        <xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
                            <xf:avatar user="{{ null }}" size="xs" />
                            <xf:else />
                            <xf:avatar user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" size="xs" />
                        </xf:if>
                    </div>
                    <div class="uix_nodeExtra__rows">
                        <div class="node-extra-row">
                            <xf:if is="$extras.LastThread.isUnread()">
                                <a href="{{ link('threads/unread', $extras.LastThread) }}" class="node-extra-title" title="{$extras.LastThread.title}">{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}</a>
                                <xf:else />
                                <a href="{{ link('threads/post', $extras.LastThread, {'post_id': $extras.last_post_id}) }}" class="node-extra-title" title="{$extras.LastThread.title}">{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}</a>
                            </xf:if>
                        </div>
                        <div class="node-extra-row">
                            <ul class="listInline listInline--bullet">
                                <li><xf:date time="{$extras.last_post_date}" class="node-extra-date" /></li>
                                <xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
                                    <li class="node-extra-user">{{ phrase('ignored_member') }}</li>
                                    <xf:else />
                                    <li class="node-extra-user"><xf:username user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" /></li>
                                </xf:if>
                            </ul>
                        </div>
                    </div>
                    <xf:else />
                    <span class="node-extra-placeholder">{{ phrase('none') }}</span>
                </xf:if>
            </div>


        </div>
    </div>

    <xf:if is="{$depth} == 1">
        <xf:macro template="forum_list" name="node_list"
                  arg-children="{$children}"
                  arg-extras="{$childExtras}"
                  arg-depth="{{ $depth + 1 }}" />
    </xf:if>
</xf:macro>

Thank you in advance.
WJunction


In your template find:
Screenshot 2022-02-10 at 11.35.44.webp


Cut and paste this code here:

Screenshot 2022-02-10 at 11.35.55.webp
 
This is the: node_list_search_forum

Code:
<xf:macro name="depth1"
    arg-node="!"
    arg-extras="!"
    arg-children="!"
    arg-childExtras="!"
    arg-depth="1">

    <div class="block">
        <div class="block-container">
            <div class="block-body">
                <xf:macro name="search_forum"
                    arg-node="{$node}"
                    arg-extras="{$extras}"
                    arg-children="{$children}"
                    arg-childExtras="{$childExtras}"
                    arg-depth="{$depth}" />
            </div>
        </div>
    </div>
</xf:macro>

<xf:macro name="depth2"
    arg-node="!"
    arg-extras="!"
    arg-children="!"
    arg-childExtras="!"
    arg-depth="1">

    <xf:macro name="search_forum"
        arg-node="{$node}"
        arg-extras="{$extras}"
        arg-children="{$children}"
        arg-childExtras="{$childExtras}"
        arg-depth="{$depth}" />
</xf:macro>

<xf:macro name="depthN"
    arg-node="!"
    arg-extras="!"
    arg-children="!"
    arg-childExtras="!"
    arg-depth="1">

    <li>
        <a href="{{ link('search-forums', $node) }}" class="subNodeLink subNodeLink--search">{$node.title}</a>

        <xf:macro template="forum_list" name="sub_node_list"
            arg-children="{$children}"
            arg-childExtras="{$childExtras}"
            arg-depth="{{ $depth + 1 }}" />
    </li>
</xf:macro>

<xf:macro name="search_forum"
    arg-node="!"
    arg-extras="!"
    arg-children="{$children}"
    arg-childExtras="{$childExtras}"
    arg-depth="!">

    <div class="node node--id{$node.node_id} node--depth{$depth} node--search">
        <div class="node-body">
            <span class="node-icon" aria-hidden="true"><i></i></span>

            <div class="node-main js-nodeMain">
                <xf:set var="$descriptionDisplay" value="{{ property('nodeListDescriptionDisplay') }}" />

                <h3 class="node-title">
                    <a
                        href="{{ link('search-forums', $node) }}"
                        data-xf-init="{{ $descriptionDisplay == 'tooltip' ? 'element-tooltip' : '' }}"
                        data-shortcut="node-description">

                        {$node.title}
                    </a>
                    <xf:if is="{$extras.hasNew} && property('uix_newNodeMarker')"><span class="uix_newIndicator">{{ phrase('new') }}</span></xf:if>
                </h3>

                <xf:if is="$descriptionDisplay != 'none' && $node.description">
                    <div class="node-description {{ $descriptionDisplay == 'tooltip' ? 'node-description--tooltip js-nodeDescTooltip' : '' }}">
                        {$node.description|raw}
                    </div>
                </xf:if>

                <xf:if is="!property('uix_hideNodeStats')">
                    <div class="node-meta">
                        <div class="node-statsMeta">
                            <dl class="pairs pairs--inline">
                                <xf:if is="property('uix_nodeStatsIcons')">
                                    <dt><xf:fa icon="fa-comment" /></dt>
                                    <xf:else />
                                    <dt>{{ phrase('threads') }}</dt>
                                </xf:if>
                                <dd>{$extras.discussion_count|number_short(1)}{{ $extras.discussion_count == $extras.max_results ? '+' : ''}}</dd>
                            </dl>

                            <dl class="pairs pairs--inline">
                                <xf:if is="property('uix_nodeStatsIcons')">
                                    <dt><xf:fa icon="fa-comments" /></dt>
                                    <xf:else />
                                    <dt>{{ phrase('messages') }}</dt>
                                </xf:if>
                                <dd>{$extras.message_count|number_short(1)}</dd>
                            </dl>
                        </div>

                        <xf:if is="$depth == 2 && property('nodeListSubDisplay') == 'menu'">
                            <xf:macro template="forum_list" name="sub_nodes_menu"
                                      arg-children="{$children}"
                                      arg-childExtras="{$childExtras}"
                                      arg-depth="{{ $depth + 1 }}" />
                        </xf:if>
                    </div>
                </xf:if>

                <xf:if is="$depth == 2 && property('nodeListSubDisplay') == 'flat'">
                    <xf:macro template="forum_list" name="sub_nodes_flat"
                        arg-children="{$children}"
                        arg-childExtras="{$childExtras}"
                        arg-depth="{{ $depth + 1 }}" />
                </xf:if>
            </div>

            <xf:if is="{{!property('uix_hideNodeStats') }}">
                <div class="node-stats">
                    <dl class="pairs pairs--rows">
                        <dt>{{ phrase('threads') }}</dt>
                        <dd>{$extras.discussion_count|number_short(1)}{{ $extras.discussion_count == $extras.max_results ? '+' : ''}}</dd>
                    </dl>

                    <dl class="pairs pairs--rows">
                        <dt>{{ phrase('messages') }}</dt>
                        <dd>{$extras.message_count|number_short(1)}</dd>
                    </dl>
                </div>
            </xf:if>

            <div class="node-extra">
                <xf:if is="$extras.discussion_count">
                    <xf:if is="$extras.LastThread">
                        <div class="node-extra-icon">
                            <xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
                                <xf:avatar user="{{ null }}" size="xs" />
                                <xf:else />
                                <xf:avatar user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" size="xs" />
                            </xf:if>
                        </div>

                        <div class="uix_nodeExtra__rows">
                            <div class="node-extra-row">
                                <xf:if is="$extras.LastThread.isUnread()">
                                    <a href="{{ link('threads/unread', $extras.LastThread) }}" class="node-extra-title" title="{$extras.LastThread.title}">
                                        {{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}
                                    </a>
                                    <xf:else />
                                    <a href="{{ link('threads/post', $extras.LastThread, {'post_id': $extras.last_post_id}) }}" class="node-extra-title" title="{$extras.LastThread.title}">
                                        {{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}
                                    </a>
                                </xf:if>
                            </div>

                            <div class="node-extra-row">
                                <ul class="listInline listInline--bullet">
                                    <li><xf:date time="{$extras.last_post_date}" class="node-extra-date" /></li>
                                    <xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
                                        <li class="node-extra-user">{{ phrase('ignored_member') }}</li>
                                        <xf:else />
                                        <li class="node-extra-user"><xf:username user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" /></li>
                                    </xf:if>
                                </ul>
                            </div>
                        </div>
                        <xf:else />
                        <span class="node-extra-placeholder">{{ phrase('private') }}</span>
                    </xf:if>
                    <xf:else />
                    <span class="node-extra-placeholder">{{ phrase('none') }}</span>
                </xf:if>
            </div>
        </div>
    </div>

    <xf:if is="{$depth} == 1">
        <xf:macro template="forum_list" name="node_list"
            arg-children="{$children}"
            arg-extras="{$childExtras}"
            arg-depth="{{ $depth + 1 }}" />
    </xf:if>
</xf:macro>

You're using 3rd party style, that's why the code is a bit different.

Find:
Screenshot 2022-02-10 at 11.40.11.webp


Cut and paste the code here:

Screenshot 2022-02-10 at 11.41.27.webp
 
I have used visual studio code and this is the only closest code to yours in: node_list_search_forum

HTML:
<xf:if is="!property('uix_hideNodeStats')">
                    <div class="node-meta">
                        <div class="node-statsMeta">
                            <dl class="pairs pairs--inline">
                                <xf:if is="property('uix_nodeStatsIcons')">
                                    <dt><xf:fa icon="fa-comment" /></dt>
                                    <xf:else />
                                    <dt>{{ phrase('threads') }}</dt>
                                </xf:if>
                                <dd>{$extras.discussion_count|number_short(1)}{{ $extras.discussion_count == $extras.max_results ? '+' : ''}}</dd>
                            </dl>

                            <dl class="pairs pairs--inline">
                                <xf:if is="property('uix_nodeStatsIcons')">
                                    <dt><xf:fa icon="fa-comments" /></dt>
                                    <xf:else />
                                    <dt>{{ phrase('messages') }}</dt>
                                </xf:if>
                                <dd>{$extras.message_count|number_short(1)}</dd>
                            </dl>
                        </div>

But it doesn't match up with yours lots of different codes added, so i am to scared to make any changes in case the whole site breaks up.

If you look at my 4th line code it shows <dl class="pairs pairs--inline"> when you look at your code it shows
<dl class="pairs pairs--rows"> so i don't know what to change and what to not change? so what can i do to get my site right?

I have registered customizexf.com as wjunctions and maybe you can do a customized service for me to help me out with this issue.

Thank you in advance.
 
Last edited:
Back
Top Bottom