Make the logo clickable / link to homepage

[Guest]

This is how I managed to have my logo allow customers to click on it and take them back to the homepage.

It also works with SSL, so no annoying pop ups from IE.

All you need to do is create a completely blank / clear / transparent picture file the same size or similar to your logo.

Place this file in the same directory as your logo (just so its easy to find) .

Then drop the following code into your - skin/style template/global/index.tpl & cart.tpl files.

<div class="logo"><a href="index.php"><img src="../skins/{VAL_SKIN}/styleImages/logo/empty.png" border="0" width="800" height="95"/></a></div>

Place the code underneath:

<div id="PageOuter">

<div id="pageSurround">

<div id="Header">

Rename the 'empty.png' to whatever you named your file. Also adjust the 'width="800" height="95"'

That is what I did to suit my own website, if you have your shopping basket up next to your logo (instead of the left boxes) then you will need to adjust some layout code to accommodate the picture.

With any luck this will work for you.

Curtiusm

[Guest]

OK i have uploaded a blank image file to make things easier. This file is a blank .png file which you can use to make your logo click able.

Hope this helps.

[darrenbale]

why use the blank image? Why not just have an empty a tag with display: block and set the width and height?

Its a much neater solution than having an extra image loading needlessly.

[Robsta]

The image should be only 1px by 1px. You've set the size in the IMG tag, so the smaller image will not affect site download.

Or move the image call from the stylesheet into the template, which is a much better solution. Then there is no need for a placebo image, and the logo will then be used with social network links.