Updating the client portal menu buttons

[Steve Morton]

Hi guys, I am trying to figure out how to modify the client portal buttons text and add a new button per the attached image. I'm sure it's easy to do, but can't seem to find anyhing to point me in the right direction.

 

Steve

[Steve Morton]

PS, I want to change the ORDER HOSTING button to say NEW ORDER and the new button is simply going to point to a static HTML page or new URL (not sure yet).

Thanks in advance.

[Steve Morton]

Anyone know how I do this (add a new button to the customer portal that simply points to a static webpage and how to change the text for the ORDER HOSTING button to say "NEW ORDER")?

[brian!]

Hi Steve,

On 6/1/2018 at 05:46, Steve Morton said:

I am trying to figure out how to modify the client portal buttons text and add a new button per the attached image. I'm sure it's easy to do, but can't seem to find anything to point me in the right direction.

if you were wanting to only change the text label, then you could do that using Language Overrides, but the fact that you want to add a new button means that you'll need to edit the header.tpl template and edit the block of code below too...

    <div class="home-shortcuts">
        <div class="container">
            <div class="row">
                <div class="col-md-4 hidden-sm hidden-xs text-center">
                    <p class="lead">
                        {$LANG.howcanwehelp}
                    </p>
                </div>
                <div class="col-sm-12 col-md-8">
                    <ul>
                        {if $registerdomainenabled || $transferdomainenabled}
                            <li>
                                <a id="btnBuyADomain" href="domainchecker.php">
                                    <i class="fa fa-globe"></i>
                                    <p>
                                        {$LANG.buyadomain} <span>&raquo;</span>
                                    </p>
                                </a>
                            </li>
                        {/if}
                        <li>
                            <a id="btnOrderHosting" href="cart.php">
                                <i class="fa fa-hdd-o"></i>
                                <p>
                                    {$LANG.orderhosting} <span>&raquo;</span>
                                </p>
                            </a>
                        </li>
                        <li>
                            <a id="btnMakePayment" href="clientarea.php">
                                <i class="fa fa-credit-card"></i>
                                <p>
                                    {$LANG.makepayment} <span>&raquo;</span>
                                </p>
                            </a>
                        </li>
                        <li>
                            <a id="btnGetSupport" href="submitticket.php">
                                <i class="fa fa-envelope-o"></i>
                                <p>
                                    {$LANG.getsupport} <span>&raquo;</span>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

as you can see, there should be four blocks/buttons, but if you aren't selling domains, you'll only see three.. to add a fourth, you would just add another list item...

    <div class="home-shortcuts">
        <div class="container">
            <div class="row">
                <div class="col-md-4 hidden-sm hidden-xs text-center">
                    <p class="lead">
                        {$LANG.howcanwehelp}
                    </p>
                </div>
                <div class="col-sm-12 col-md-8">
                    <ul>
                        {if $registerdomainenabled || $transferdomainenabled}
                            <li>
                                <a id="btnBuyADomain" href="domainchecker.php">
                                    <i class="fa fa-globe"></i>
                                    <p>
                                        {$LANG.buyadomain} <span>»</span>
                                    </p>
                                </a>
                            </li>
                        {/if}
                        <li>
                            <a id="btnOrderHosting" href="cart.php">
                                <i class="fa fa-hdd-o"></i>
                                <p>
                                    {$LANG.orderhosting} <span>»</span>
                                </p>
                            </a>
                        </li>
                        <li>
                            <a id="btnGoogleLink" href="https://www.google.com">
                                <i class="fa fa-google"></i>
                                <p>
                                    Google <span>»</span>
                                </p>
                            </a>
                        </li>
                        <li>
                            <a id="btnGetSupport" href="submitticket.php">
                                <i class="fa fa-envelope-o"></i>
                                <p>
                                    {$LANG.getsupport} <span>»</span>
                                </p>
                            </a>
                        </li>
                        <li>
                            <a id="btnGoogleLink" href="https://www.google.com">
                                <i class="fa fa-google"></i>
                                <p>
                                    Google <span>»</span>
                                </p>
                            </a>
                        </li>                      
                    </ul>
                </div>
            </div>
        </div>
    </div>

give the link an id, change the url to either an internal or external page, choose a font awesome icon (not necessary) and add a label - either hardcoded as above to "Google" or as a language override (as per the other 4).

for the Order Hosting label, you would create a Language Override - the above docs link walks you through it, but basically you create an overrides folder in /lang/, create a file in there called english.php and paste your override into... and then you do the same for any other languages your WHMCS site might be using - do not edit the existing language files in the lang folder!

<?php
$_LANG['orderhosting'] = "New Order";

if a label is going to be the same for all languages, then you can hardcode it (to save time)... if it needs to be different for each language, then you'll need language overrides.

[Steve Morton]

Thankyou Brian!, awesome. I really appreciate your taking the time to respond to this.

 

Thanks, 

[brian!]

5 hours ago, Steve Morton said:

I really appreciate your taking the time to respond to this.

no worries - I missed the original post because there is a quirk in the community software where I don't necessarily see all of the latest posts... sometimes I have to go searching for them from the activity threads...

if you ever want me to look at a thread, just mention my name in the post @brian! and I should get a notification... no guarantees that i'll know the answer, but i'll at least read it.