XF 2.3 Add footer link to help page

[TorontoJoe]

Hoping someone might know how to do this.... I created an About Us page for my forum that I can now access to the help pages.

I'm trying to figure out how to add a link to the page from the bottom footer menu. I was able to find a couple of posts about how to add the code to create the link via PAGE_CONTAINER template... I'm just a bit of a scrub with that stuff. Is there no GUI function to do this within ACP?

 

[frm]

In PAGE_CONTAINER:
Find:

                <div class="p-footer-row-opposite">
                    <ul class="p-footer-linkList">
                        <xf:if is="$xf.visitor.canUseContactForm()">
                            <xf:if is="$xf.contactUrl">
                                <li><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><a href="{$xf.tosUrl}">{{ phrase('terms_and_rules') }}</a></li>
                        </xf:if>

                        <xf:if is="$xf.privacyPolicyUrl">
                            <li><a href="{$xf.privacyPolicyUrl}">{{ phrase('privacy_policy') }}</a></li>
                        </xf:if>

                        <xf:if is="$xf.helpPageCount">
                            <li><a href="{{ link('help') }}">{{ phrase('help') }}</a></li>
                        </xf:if>

                        <xf:if is="$xf.homePageUrl">
                            <li><a href="{$xf.homePageUrl}">{{ phrase('home') }}</a></li>
                        </xf:if>

                        <li><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>
                </div>
            </div>

And insert:

                            <li><a href="/about-page-link">About Us</a></li>

Where desired.

I put it after "Home":

                <div class="p-footer-row-opposite">
                    <ul class="p-footer-linkList">
                        <xf:if is="$xf.visitor.canUseContactForm()">
                            <xf:if is="$xf.contactUrl">
                                <li><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><a href="{$xf.tosUrl}">{{ phrase('terms_and_rules') }}</a></li>
                        </xf:if>

                        <xf:if is="$xf.privacyPolicyUrl">
                            <li><a href="{$xf.privacyPolicyUrl}">{{ phrase('privacy_policy') }}</a></li>
                        </xf:if>

                        <xf:if is="$xf.helpPageCount">
                            <li><a href="{{ link('help') }}">{{ phrase('help') }}</a></li>
                        </xf:if>

                        <xf:if is="$xf.homePageUrl">
                            <li><a href="{$xf.homePageUrl}">{{ phrase('home') }}</a></li>
                        </xf:if>

                        <li><a href="/about-page-link">About Us</a></li>
                        
                        <li><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>
                </div>

From:


To:

 

[TorontoJoe]

In PAGE_CONTAINER:
Find:

                <div class="p-footer-row-opposite">
                    <ul class="p-footer-linkList">
                        <xf:if is="$xf.visitor.canUseContactForm()">
                            <xf:if is="$xf.contactUrl">
                                <li><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><a href="{$xf.tosUrl}">{{ phrase('terms_and_rules') }}</a></li>
                        </xf:if>

                        <xf:if is="$xf.privacyPolicyUrl">
                            <li><a href="{$xf.privacyPolicyUrl}">{{ phrase('privacy_policy') }}</a></li>
                        </xf:if>

                        <xf:if is="$xf.helpPageCount">
                            <li><a href="{{ link('help') }}">{{ phrase('help') }}</a></li>
                        </xf:if>

                        <xf:if is="$xf.homePageUrl">
                            <li><a href="{$xf.homePageUrl}">{{ phrase('home') }}</a></li>
                        </xf:if>

                        <li><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>
                </div>
            </div>

And insert:

                            <li><a href="/about-page-link">About Us</a></li>

Where desired.

I put it after "Home":

                <div class="p-footer-row-opposite">
                    <ul class="p-footer-linkList">
                        <xf:if is="$xf.visitor.canUseContactForm()">
                            <xf:if is="$xf.contactUrl">
                                <li><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><a href="{$xf.tosUrl}">{{ phrase('terms_and_rules') }}</a></li>
                        </xf:if>

                        <xf:if is="$xf.privacyPolicyUrl">
                            <li><a href="{$xf.privacyPolicyUrl}">{{ phrase('privacy_policy') }}</a></li>
                        </xf:if>

                        <xf:if is="$xf.helpPageCount">
                            <li><a href="{{ link('help') }}">{{ phrase('help') }}</a></li>
                        </xf:if>

                        <xf:if is="$xf.homePageUrl">
                            <li><a href="{$xf.homePageUrl}">{{ phrase('home') }}</a></li>
                        </xf:if>

                        <li><a href="/about-page-link">About Us</a></li>
                       
                        <li><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>
                </div>

From:
View attachment 320723

To:
View attachment 320724

Makes me nervous but I'll give it a go. Thanks!

 

[Itworx4me]

I would recommend doing the edit with a template modification. Keep the templates as designed instead of custom change. JMO

 

[frm]

If you want to do it the template modification way (so you don't need to worry about template mergers or different styles), you can go to ACP Template modifications admin.php?template-modifications/ and add click the "Add template modification" button.

Template: PAGE_CONTAINER
Modification key: AboutUs (or something unique)
Description: Add About Us before Home link in footer
Simple replacement
Find:

                        <xf:if is="$xf.homePageUrl">
                            <li><a href="{$xf.homePageUrl}">{{ phrase('home') }}</a></li>
                        </xf:if>

Replace:

                        <li><a href="/about-us-page">About Us</a></li>
$0

Should look like this:


Click Save
You'll see:


The toggle can turn the edit on or off (across all styles)

Now you'll get:


On every style:

 

[TorontoJoe]

@frm thanks for this

 

[frm]

@frm thanks for this

No problem. Hope you were able to implement either of the two solutions.