X-Cart forums

[northstar]

I would like to add a Facebook "Like" button in front of my horizontal bar that is located just under the header. I want the image aligned on the right side, hovering visibly in front of the line. I'm not sure where/how to add this! Any help you can offer would be greatly appreciated!

[cflsystems]

http://forum.x-cart.com/showthread.php?t=53622&highlight=facebook

[northstar]

Thanks, I read through that...but I admit I'm even more confused, now.

I am looking for a general "like" button to put on my site, that would link to my Facebook business page. And more specifically...I was trying to figure out how to add an image that floats in front of the horizontal bar under header.

But...now that I can see the potential of having an "Add This" button (http://www.addthis.com/) on each product page...that interests me as well.

But I admit that the postings you linked to had my head going in circles. I guess I'm more of a beginning user...and don't know all the jargon. I can follow directions...but a lot of that was over my head, or not quite what I was looking for.

Is there a way to place an "Add This" button to the right of the existing "Add to Cart" or "Add to Wish List" button on the bottom of each product page? That would be great!

Question 1: How to float an image in front of the horizontal bar under the header.

Question 2: How to insert "Add This" button to the right of existing "Add to Wish List" button on product page.

Thanks for your help!

[cflsystems]

You need to know css and html to do this. Hrad to explain without even an url to look at. The templates to insert it will be skin1/customer/head.tpl and skin1/customer/main/product_details.tpl. For "add this" you just need to copy the code in the template where you want it to show. Be careful with product_details.tpl - it is very easy to break it.
BTW if you are on 4.3.0 consider upgrade to 4.3.2 - 4.3.0 was buggy

[northstar]

Perfect--thanks for helping me find the location of the product details so I could add the "Add This" image (simply pasted the code in after the Wishlist info). Here is a link to it in action: https://northstar-treasures.com/product.php?productid=18929&cat=335&page=1

I've done all my own template adjustments on my site, for the most part...and I fake the css and html (with the help of reading other forum posts) to change things up--but I certainly don't know nearly as much as the other people on this forum! Thank you very much for your help!

As for the Facebook image in the header area...still can't figure that one out. I've adjusted so many things in the past on /skin1/main.css (such as moving the search bar to overlay the horizontal bar after the header). I can't figure out where I'd add image text on the head.tpl you suggested. Should I be adding it to the main.css? Somewhere around the applicable line2 (the horizontal bar) and the Search function info? Here's what I have:


/* header line 2 */
#header .line2 {
position: relative;
width: 100%;
border: none;
border-top: 1px solid #253161;
border-bottom: 1px solid #253161;
background: url(images/head_linebg.gif) repeat-x top;
height: 39px;
color: #FFFFFF;
}
#header .line2 div,
#header .line2 span
{
color: #FFFFFF;
}
#header .line2 a:link,
#header .line2 a:visited,
#header .line2 a:hover,
#header .line2 a:active
{
color: #FFFFFF;
}
#header div.search {
position: absolute;
top: 0px;
left: 0px;
height: 39px;
line-height: 39px;
vertical-align: middle;
}
#header span.search {
font-size: 12px;
padding-left: 20px;
padding-right: 5px;
}
#header input.text {
width: 108px;
}
#header a.search:link,
#header a.search:visited,
#header a.search:hover,
#header a.search:active
{
text-decoration: underline;
}