Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Facebook button on my ATLAS theme WordPress

  • REFUNDED

Hello, i would like to put a LIKE facebook button on every picture of my GALLERY.

here is my website

www.andrejardim.com

for example, lugares (places), Londres (LONDON)
i would like to be able to EACH picture that the user clicks on, and it comes to the screen (maximized), at the upper,botton right corner, or upper,botton right corner a LIKE button available, so the person clickin on there, it will count on my facebook page www.facebook.com/AndreJardimPhotoArt.

I found some ADDONS but they only add a like button ON POSTS ON BLOG, but i would like on those galleries.

example:
http://www.andrejj.net/error.jpg

I just did on paint to ilustrate, its trash, but of course in a way that matches the black background

How does it works? i need to send any file to you?

thank you!

ps.: i dont know if i made me clear, but i would like a way that is LINKED to my page on facebook, so again, if i LIKE the image on my website, it will count on MY page on FB.

If this fancybox that people are telling me, only counts ON MY WEBSITE and not on fb, so let it be.
Thanks.
Andre J.

2012-10-05 by sirknow

Answers (4)

2012-10-05

Arnav Joy answers:

for this i have to see your theme file can you provide me your theme?

sirknow comments:

of course, but how i give my information? is there any PM here? or by messenger?

sirknow comments:

and where this theme file located? what extension?

2012-10-05

Rashad Aliyev answers:

I'm available and I can help you, if you want you can contact with me.

2012-10-05

John Cotton answers:

If you update the fancybox plugin you are using ot the newest version, it already supports exactly what you want.

[[LINK href="http://fancyapps.com/fancybox/#useful"]]http://fancyapps.com/fancybox/#useful[[/LINK]]

...and you can see an example here:

[[LINK href="http://jsfiddle.net/G5TC3/"]]http://jsfiddle.net/G5TC3/[[/LINK]]

sirknow comments:

if i update my fancybox? how you know i use fancybox? i dont know what it is
where can i download it, install and put?
well in fact i dont need the twitter button, only facebook
thanks

John Cotton comments:

<blockquote> how you know i use fancybox?</blockquote>
I looked at your HTML source.

<blockquote>where can i download it</blockquote>
Follow the first link in my previous response.

That file needs copying to the js/fancybox folder in your theme (I assume you have FTP access?).

Then you need to adjust the js in your custom.js file to make use of the new functionality. I've copied it below WITHOUT the twitter part:



$("a[rel=gallery]")
.fancybox({
padding: 0,
overlayColor: '#000',
transitionIn: 'fade',
transitionOut: 'fade',
overlayOpacity: .8,
beforeShow: function () {
if (this.title) {
// New line
this.title += '<br />';

// Add FaceBook like button
this.title += '<iframe src="//www.facebook.com/plugins/like.php?href=' + this.href + '&amp;layout=button_count&amp;show_faces=true&amp;width=500&amp;action=like&amp;font&amp;colorscheme=light&amp;height=23" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:110px; height:23px;" allowTransparency="true"></iframe>';
}
},
helpers : {
title : {
type: 'inside'
}
}
});
​

sirknow comments:

do i need to download the versionh 2.1.1?
fancyapps-fancybox-v2.1.1-0-gf4bf523.zip??

yes i found js/fancybox on my atlas theme folder

so i open, extract the files of this file there?

sirknow comments:

where do i found this custom.js?
on the fancybox folder i couldnt find

John Cotton comments:

custom.js is in the same folder

/wp-content/themes/atlas/js/

sirknow comments:

i see
but for example
the old fancybox folder
and the nnew one
have the structures completely different
i should only paste the new one over the old one?
or delete the older one and put there?

even the name is differente
the folder is called fancybox, the new one is called fancyapps-fancyBox-df97d18

attached: