Adding Social Media Buttons/links

I am wanting to add social media buttons/links to my site, I was thinking across the top of the Header Image, or possibly on the left side above or below the Categories, is there an easy way to accomplish this?

here is a site that has them above the header which I like but just curious if I can add them anywhere else. "airsoftgi dot com"

my site: mercenarypb.com

The Most Common Place is to add it to the product pages.

https://www.businesschecksonline.com/
this guy made a sidebox :unsure:

AmandaGero:

The Most Common Place is to add it to the product pages.

Is there an easy way to get them on the product pages? I am ultimately wanting the Social Media Badges/Buttons so that customers can click it to follow us on Twitter or Join our Fan Page on FB, same with YouTube. Just things like that, which is why I thought the top fo the header would be best so they are shown all the time.

The side box idea is ok too but I don't want to make my site more cluttered with sideboxes.

this module puts them on the product info page?

http://www.zen-cart.com/index.php?main_page=product_contrib_info&products_id=1705

bonnit:

this module puts them on the product info page?

http://www.zen-cart.com/index.php?main_page=product_contrib_info&products_id=1705

So I downloaded the social media sharing mod, but when going to install the mod it states to paste some code into my "product_info.css" file, but my site doesn't have this css file... What should I do?

Hold on - what do you wish to have? Social SHARE buttons or FOLLOW buttons? The follow buttons are extremely simple, but the share buttons are not that simple...

The module suggested by bonnit are SHARE buttons, and if i understood you right, you just want the "Follow us on..." buttons.

balihr:

Hold on - what do you wish to have? Social SHARE buttons or FOLLOW buttons? The follow buttons are extremely simple, but the share buttons are not that simple...

The module suggested by bonnit are SHARE buttons, and if i understood you right, you just want the "Follow us on..." buttons.

Share buttons are nice, but I wanted to have follow me buttons. The page I liked to on my above post has theirs at the top of their header which I like the look of. Do you know how I can make this work airsoftgi.com?

Also, as for share buttons, would it be possible to use a "share this" link on the product info pages? I think it looks clearner.

Thanks!

Sorry, I didn't notice your reply...

Did you manage to do what you wanted? I see you have twitter and facebook links working in the header...

Wel if you have a FB fan page it automaticaly helps you create a FB button... I actualy made mine a complete news feed
www.dogjumps.co.za
It works great. Twitter and so on I dont know.

balihr:

Sorry, I didn't notice your reply...

Did you manage to do what you wanted? I see you have twitter and facebook links working in the header...

I don't have the links in the header. The website airsoftgi.com has what I want to do. My site is: mercenarypb.com and I want to have links above the header like the airsoftgi.com site. If you can help me figure this out, that would be appreciated.

Oh, sorry, i got confused...

Well, you'll have to edit your includes/templates/Mercenary/common/tpl_header.php file.

Go to the line right after <div id="headerWrapper">
Insert a table or a div and place your images in it. Link the images to your facebook, twitter and other pages. Save the file and upload it. And that's it.

Let us know how it went.

balihr:

Oh, sorry, i got confused...

Well, you'll have to edit your includes/templates/Mercenary/common/tpl_header.php file.

Go to the line right after <div id="headerWrapper">
Insert a table or a div and place your images in it. Link the images to your facebook, twitter and other pages. Save the file and upload it. And that's it.

Let us know how it went.

I am not that good with coding yet, but would I just do <div> for each social media image link? or just a general div id=""> and then img src for each image and </div>

Would a table be easier to accomplish what I want to do? And I am sure that I would have to alter CSS after i alter the tpl_header.php file correct.

AirsoftOutfitter:

So I downloaded the social media sharing mod, but when going to install the mod it states to paste some code into my "product_info.css" file, but my site doesn't have this css file... What should I do?

So where will I find the copy of this "product_info.css" file that is supposed to be in my template css section? I have looked through files until I am going nuts, and I can not find it...

Please help.

AirsoftOutfitter:

I am not that good with coding yet, but would I just do <div> for each social media image link? or just a general div id=""> and then img src for each image and </div>

Would a table be easier to accomplish what I want to do? And I am sure that I would have to alter CSS after i alter the tpl_header.php file correct.

You can add a single div and place images inside or you can go with the table which is much easier. And basically, it will be the same thing.
If you place a div, you might need to alter CSS, but not necessary. If you want to add spacing between images or borders or something like that, yes, you will have to go to editing css. Otherwise, no.
I'd go with tables if you're not too sure what your doing... :smile: Insert a table which is 100% width, one row, and columns for each image. Then add an image in every column and link it. That's it.

PoorFarm:

So where will I find the copy of this "product_info.css" file that is supposed to be in my template css section? I have looked through files until I am going nuts, and I can not find it...

Please help.

Same here can't find the file anywhere. Anybody able to help with this.

Thanks.

DesH:

Same here can't find the file anywhere. Anybody able to help with this.

Thanks.

I just added the code to my CSS file at the bottom and it worked.

Let me know if you need further assistance.

My social media images are not coming up SSL so they are throwing an error when logged in.
Anyway to fix this?