X-Cart forums

[Milly4554]

I'm trying to put a link to our facebook page in the header of our home page...
we are using the responsive template

I have inserted this into the
File: /skin/common_files/customer/home.tpl after ...

<div id="page-container"{if $page_container_class} class="{$page_container_class}"{/if}>
<div id="page-container2">
<div id="content-container">
<div id="content-container2">
<a href="https://www.facebook.com/kjbeautystore"><img src="http://kjbeautystore.com/skin/common_files/modules/Socialize/images/facebook.png" width="28px" height="28px" alt="Facebook Link" /></a>

Which I found in another post ,but nothing seems to happen ...

I am referencing the facebook .png which is @ the bottom of the page ..

Thanks Gene

[totaltec]

Ideal Responsive has it's own version of customer/home.tpl, try altering the one in the skin template folder:
skin/ideal_responsive/customer/home.tpl

[Milly4554]

Hi Mike , Thanks for the suggestion ,I tried that and tried putting in a iframe from facebook....

<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fkjbeautystore.com%2F&am p;width=50&amp;layout=button&amp;action=like&amp;s how_faces=false&amp;share=true&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:35px;" allowTransparency="true">
</iframe>

But no luck .....

[Milly4554]

Well I have finally added a link to our facebook page on the home page thanks to an old post by Steve from CFL Systems and taking Mikes advice , sometimes you just have to mess around ...

I went to facebook and they have a link generator there for a like button, added the java script to: skin/ideal_responsive/customer/home.tpl

and then added their code to: skin/ideal_responsive/customer/head.tpl

This is where I had put the face book button ....

<div class="line2">
{if ($main ne 'cart' or $cart_empty) and $main ne 'checkout'}

{include file="customer/search.tpl"}

{include file="customer/language_selector.tpl"}

{/if}
***Face Book Code***
<div class="fb-like" data-href="http://kjbeautystore.com/" data-width="38" data-layout="button" data-action="like" data-show-faces="false" data-share="true">
</div>
***Steves Code***
<a href="https://www.facebook.com/kjbeautystore"><img src="http://kjbeautystore.com/skin/common_files/modules/Socialize/images/facebook.png" width="38px" height="38px" align="right" alt="Facebook Link" /> </a>
________
</div>

{include file="customer/noscript.tpl"}

Everything works but ....

I need to move the face book buttons over to the right , and make them taller (thicker) I tried ... data-height="38" and... data-align="right" HELP !!!
check it out ... http://kjbeautystore.com/

I just haven't gotten to that chapter in my HTML5 for Dummies yet !!!

Thanks Gene

[totaltec]

Gene,
Try putting this into your CSS:

div.fb-like.fb_iframe_widget {
  position: absolute;
  top: -109px;
  right: 0px;
}

[Milly4554]

Thanks Mike ...

You made my DAY !!!!

I see your going to be at the Beer Meeting , I wish I could be there , I would enjoy shaking your hand and personally thank you for all your help!!!

Gene