Adding additional sections to the Header

[caesartrading]

Hello Fellow Zenners!

I am in a bit of a pickle.

At the moment, my header looks like this:



But I want to alter it so that it looks like this:


I've had a look around the tpl_header.php file, but I'm not at all sure how to go about adding these things.
I want the each social media logo to be clickable (to go to the relevant fanpage/account/page, of course).
I also want the shopping basket to be changed, but again don't know how.

I'm really not keen on spending £50+ on hiring some freelancer to do it, as it doesn't seem toooo complicated (I could be wrong though).
Can someone give me some kind of direction?

Any help would be hugely appreciated!

Thanks

Tristan

[kobra]

Start by working on a copy for your template of tpl_header.php

Place it in your template/common folder and create it if it does not exist

If an edit fails ypu can just delete your custom file and the default will take back over

[caesartrading]

Ok, thanks Kobra, I'll have a play around with it

[caesartrading]

Right, I've had a look.
I've worked out how to insert other sections in there, but how do I insert an image so that it is aligned to the left of the shopping cart icon?

Referring to the finished product image in my first post, I have got the social media icons image (currently the last three icons in one image) in, but it is now in the place of the shopping cart, and the cart has been pushed down, as I can see the top of it below the social media icons.

I aligned the icons using:

<div class="social-media">
					<div class="aligncenter">
					<!-- ========== Social Media ========== -->
						<a href="<?php echo zen_href_link(FILENAME_DEFAULT);?>"><?php echo zen_image(DIR_WS_TEMPLATE.'images/test.jpg'); ?></a>

					<!-- ========================== -->
				</div>

but the result is as I mentioned just then.
How would I keep the Shopping Cart and the image on the same line? (so to speak)

Thanks for your help

[kobra]

Could not find it in the div you referenced

But try this addition to the end of your stylesheet.css file

.alignleft {
        float: right;
        width: 250px;
        }

[caesartrading]

Hi,

Thanks for that. Haven't got round to using it yet, as I'm not sure how. How do I associate that CSS part with the section in my tpl_header.php file?

If you check http://www.the-ishop.co.uk now, you'll see that I sorted the shopping basket issue. Now it's just a matter or keeping the image in the middle (vertically). Preferably, I'll be able to align it with the shopping basket, and add other images next to it (Twitter logo, YouTube logo and Blog logo specifically). How do I go about doing that?

Thanks for your patience, I'll get there eventually!

[caesartrading]

After a little more poking around, I managed to find a way of aligning them properly - I just created a margin above the image of 40px.

Now I need to add the contact details below. How would I go about doing that? Just create another section, and try to position it underneath the shopping cart? If so, how?

Thanks

[caesartrading]

Oh, just worked out how to do it.

Sorry to keep posting!

All sorted now, thanks very much :)