Add customer name to blockuserinfo.tpl

[wartex11]

Hey guys,

 

Just looking for a bit of coding help,

 

I really like the new prestashop default theme, and how when a customer signs in it shows their name top right hand corner as attached:

 

I would really like to add it to my biocosmetic theme, as it is quite confusing if the person is logged in or not, is this a simple task?

 

 

I have located the code where I think I should input it in the blockuserinfo.tpl

 

Any help would be appreciated,

 

Thanks

[wartex11]

Hey guys,

 

Should have waited to post this up, solved it

 

For anyone that is chasing something similar;

 

This is my new Line 27 in blockuserinfo.tpl

 

<section class="blockuserinfo header-box">
        {if $logged}
                    
            <a href="{$link->getPageLink('my-account', true)}" title="{l s='My Account' mod='blockuserinfo'}" class="account" rel="nofollow" data-placement="bottom" data-original-title="first tooltip"><span>{$customerName}</span></a>
            <a href="{$link->getPageLink('my-account', true)}" title="{l s='My Account' mod='blockuserinfo'}" class="account" rel="nofollow" data-placement="bottom" data-original-title="first tooltip"><span><i class="icon-user"></i></span></a>
            
            <a href="{$link->getPageLink('index', true, NULL, "mylogout")}" title="{l s='Logout' mod='blockuserinfo'}" class="logout" rel="nofollow" data-placement="bottom" data-original-title="first tooltip"><span><i class="icon-off"></i></span></a>
        {else}
            <a href="{$link->getPageLink('my-account', true)}" title="{l s='Login' mod='blockuserinfo'}" class="login" rel="tooltip" data-placement="bottom" data-original-title="first tooltip" ><span><i class="icon-off"></i></span></a>
        {/if}
</section>

 

And tidied up global.css Line 1343:

added data to: .blockuserinfo a span

added .blockuserinfo a:hover span

 

 

/* ************************************************************************************************
        BLOCK HEADER USER INFO LOGIN/LOGOUT
************************************************************************************************ */
.blockuserinfo {
    right: 15px;
    top: 8px;
    
}
.blockuserinfo a span {
    display: inline-block;
    font-size: 17px;
    color: #fff;
    line-height: 18px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    padding: 0px 0px 0px 15px;
}
.blockuserinfo a:hover span {
    color: #7dbb00;
}    
.blockuserinfo a span i {
    font-size: 17px;
    color: #fff;
    line-height: 18px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.blockuserinfo a:hover span i {
    color: #7dbb00;

 

Can someone please tell me if I have made any mistakes? Or inefficient use of code?

 

Cheers,

Edited April 10, 2014 by wartex11 (see edit history)