Need Help Addding Facebook Like Image to Header

[Delights]

Greetings;

I am trying to add a button in my heading for Facebook so that it links to my facebook page. I have the button working but it isnt where i want it and dosnt matter what i do i cant seem to move it. I would like the button on the line above where the rest of the buttons are on the right hand side.

Here is the coding;

tpl_header.php

<div <?php echo ($current_page_base == FILENAME_FACEBOOK) ? ' class="current"' : ''; ?>><a href="http://www.facebook.com/pages/Delights-of-the-Flesh/147018598659118?sk=wall"><img src="includes/templates/bdsm/images/facebook.gif" height="50" alt="Facebook"></a></div>

stylesheet.css

#facebook  {
	background:url(../images/facebook.gif) no-repeat scroll left;
}

Anyone know what i have done wrong ?

[haredo]

this page will be helpful

http://www.numinix.com/blog/2010/06/...product-pages/

[Delights]

this page will be helpful

Thanks but it wasnt, i already had the button working, i just needed to change the location and alignment...

[Delights]

OKay, i did some searching on the internet and figured it out, i removed the CSS coding from the Stylesheet, and also changed the coding in TPL_Header.php

What was added;

		<div id="Facebook">
		<div style="float:right; margin-top: -50px;"><a href="http://www.facebook.com/pages/Delights-of-the-Flesh/147018598659118?sk=wall"><img src="includes/templates/bdsm/images/facebook.gif" height="50"></a></div>
		</div>

Added after;

		<div id="menu">
		  <div <?php echo $this_is_home_page ? ' class="current"' : ''; ?>><a href="index.php"><?php echo HEADER_TITLE_CATALOG; ?></a></div>
		  <div <?php echo ($current_page_base == FILENAME_PRODUCTS_NEW) ? ' class="current"' : ''; ?>><a href="<?php echo zen_href_link(FILENAME_PRODUCTS_NEW, '', 'NONSSL'); ?>"><?php echo PAGE_PRODUCTS_NEW; ?></a></div>
		  <div <?php echo ($current_page_base == FILENAME_SPECIALS) ? ' class="current"' : ''; ?>><a href="<?php echo zen_href_link(FILENAME_SPECIALS, '', 'NONSSL'); ?>"><?php echo BOX_HEADING_SPECIALS; ?></a></div>
		  <div <?php echo (($current_page_base == FILENAME_ACCOUNT) or ($current_page_base == FILENAME_LOGIN) or ($current_page_base == FILENAME_LOGOFF)) ? ' class="current"' : ''; ?>><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></div>
		  <div <?php echo ($current_page_base == FILENAME_CONTACT_US) ? ' class="current"' : ''; ?> style="margin:0;"><a href="<?php echo zen_href_link(FILENAME_CONTACT_US, '', 'NONSSL'); ?>"><?php echo BOX_INFORMATION_CONTACT; ?></a></div>
		</div>

so now looks like this;

		<div id="menu">
		  <div <?php echo $this_is_home_page ? ' class="current"' : ''; ?>><a href="index.php"><?php echo HEADER_TITLE_CATALOG; ?></a></div>
		  <div <?php echo ($current_page_base == FILENAME_PRODUCTS_NEW) ? ' class="current"' : ''; ?>><a href="<?php echo zen_href_link(FILENAME_PRODUCTS_NEW, '', 'NONSSL'); ?>"><?php echo PAGE_PRODUCTS_NEW; ?></a></div>
		  <div <?php echo ($current_page_base == FILENAME_SPECIALS) ? ' class="current"' : ''; ?>><a href="<?php echo zen_href_link(FILENAME_SPECIALS, '', 'NONSSL'); ?>"><?php echo BOX_HEADING_SPECIALS; ?></a></div>
		  <div <?php echo (($current_page_base == FILENAME_ACCOUNT) or ($current_page_base == FILENAME_LOGIN) or ($current_page_base == FILENAME_LOGOFF)) ? ' class="current"' : ''; ?>><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></div>
		  <div <?php echo ($current_page_base == FILENAME_CONTACT_US) ? ' class="current"' : ''; ?> style="margin:0;"><a href="<?php echo zen_href_link(FILENAME_CONTACT_US, '', 'NONSSL'); ?>"><?php echo BOX_INFORMATION_CONTACT; ?></a></div>
		</div>
		<div id="Facebook">
		<div style="float:right; margin-top: -50px;"><a href="http://www.facebook.com/pages/Delights-of-the-Flesh/147018598659118?sk=wall"><img src="includes/templates/bdsm/images/facebook.gif" height="50"></a></div>
		</div>

[Delights]

Now, how do i make it so that it opens in a new window instead of the old window ?

[haredo]

Del,
Please try this:

<div id="Facebook"> <div style="float:right; margin-top: -50px;"><a href="http://www.facebook.com/pages/Delights-of-the-Flesh/147018598659118?sk=wall"><img src="includes/templates/bdsm/images/facebook.gif" height="50"></a></div> </div>

Change to this:

<div id="Facebook">
<div style="float:right; margin-top: -50px;"><a href="http://www.facebook.com/pages/Delights-of-the-Flesh/147018598659118?sk=wall" target="_blank"><img src="includes/templates/bdsm/images/facebook.gif" height="50"></a></div>
</div>

Notice the only change is the red font above...

[scotty34]

Cant get this to work either! Must be my VPS set-up or something

[r1formetoo]

As per the post found here:

http://www.zen-cart.com/forum/showth...light=facebook

I've got the code shown below:

<div id="menu">
<div <?php echo $this_is_home_page ? ' class="current"' : ''; ?>><a href="index.php"><?php echo HEADER_TITLE_CATALOG; ?></a></div>
<div <?php echo ($current_page_base == FILENAME_PRODUCTS_NEW) ? ' class="current"' : ''; ?>><a href="<?php echo zen_href_link(FILENAME_PRODUCTS_NEW, '', 'NONSSL'); ?>"><?php echo PAGE_PRODUCTS_NEW; ?></a></div>
<div <?php echo ($current_page_base == FILENAME_SPECIALS) ? ' class="current"' : ''; ?>><a href="<?php echo zen_href_link(FILENAME_SPECIALS, '', 'NONSSL'); ?>"><?php echo BOX_HEADING_SPECIALS; ?></a></div>
<div <?php echo (($current_page_base == FILENAME_ACCOUNT) or ($current_page_base == FILENAME_LOGIN) or ($current_page_base == FILENAME_LOGOFF)) ? ' class="current"' : ''; ?>><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></div>
<div <?php echo ($current_page_base == FILENAME_CONTACT_US) ? ' class="current"' : ''; ?> style="margin:0;"><a href="<?php echo zen_href_link(FILENAME_CONTACT_US, '', 'NONSSL'); ?>"><?php echo BOX_INFORMATION_CONTACT; ?></a></div>
<div id="Facebook">
<div style="float:right; margin-top: -50px;"><a href="http://www.facebook.com/pages/Redline-Engineering/105948549455532" target="_blank"><img src="/catalog/images/facebook_logo.png" height="55"></a></div>
</div>

That I think needs to be added to my tpl_header.php file in order to put a Facebook like image into my header. However, I don't know where to find this tpl_header.php file in my folder structure and I'm also not sure if this bit of code will do what I need. Does anyone know? Thanks in advance.

Ian

[sportbiker]

The location depends whether you're using the stock or custom template, but you should be able to find it quickly in one of these locations. A simple search on your computer for the filename should have pointed you in the right location...

includes>templates>YOUR CUSTOM TEMPLATE>common>tpl_header.php
or
includes>templates>template_default>common>tpl_header.php

[r1formetoo]

Ok, so I've implemented this to my test site http://examplecart.com/catalog/ and though the button is there and it works the outcome wasn't pretty. It threw everything off on the page. Does anyone know why? I'm not much when it comes to layouts.

Ian