Image buttons in new user info to header (blockuserinfo change)

[Lopezke]

Hi!

I attached an image what is my dream of my webshop's header. I made everything, except the two buttons marked with red arrows. Left is "Log in", right is "Registration" in my language. Both of them are images and are links. How I have to modify blockuserinfo.tpl to make it?

If customer is logged in, they could be changed to a welcome image. Please help me in coding.

[Lopezke]

I made an image for login button instead text link. I tried to modify blockuserinfo.tpl in this way:

 

<!-- Block user information module HEADER -->

<div id="header_user">

<p id="header_user_info">

 

</p>

<ul id="header_nav">

<li id="your_account"><a href="{$link->getPageLink('my-account.php', true)}" <img src="{$img_dir}belepek.png" alt="{l s='Belepes'}" <!-- width="140" height="51" --> /></a></li>

</ul>

</div>

<!-- /Block user information module HEADER -->

 

Image is in the right directory, but the "your account" place is too small and can't see the picture. I don't know what I have to put to the css. Can somebody help?

[Lopezke]

So there is no way to make graphic buttons for View, Cart, Checkout and Login? I can't find any possibility for it...

[Mehdi72]

I have made my own log-in button so the other buttons should be the same. If you look in the images dir you will see the default buttons :

 

/store/themes/yourtheme/img

 

Copy your buttons to that dir then edit global.css to use the new button. e.g. this changes the sign-in button to a new button called orange_sq_buttton2.png :

 

.v2-signin {display:block;width:120px;height:18px;background:url('../img/orange_sq_buttton2.png') no-repeat;text-align:left;text-decoration:none;}

 

 

I think it's a disgrace no one has replied to your message. People should help people on forums. The instructions for modifying prestastore are not very good and no one has made a faq to explain how to fix common problems.

[Lopezke]

Thanks for your answer! I will try it.