Please help us to make AbanteCart Ideal Open Source Ecommerce Solution for everyone.

Support AbanteCart eCommerce

Author Topic: where do i put JavaScript SDK for Facebook like page  (Read 10226 times)

Offline emanuelben616

  • Jr. Member
  • **
  • Posts: 55
  • Karma: +2/-0
    • View Profile
where do i put JavaScript SDK for Facebook like page
« on: July 08, 2015, 01:27:37 PM »
Hi All,

    I have been trying for ever to create a Facebook like button on my website but for some reason it isn't working. Ive tried everything. Facebook is asking me to put in the JavaScript SDK that they provide once on the page you want it to be on and they give m the code. but idk where to put it, i put it on the social media block but it doesn't show up. Has anyone dealt with this issue before? Please let me know. Thank you

Offline abolabo

  • core-developer
  • Administrator
  • Hero Member
  • *****
  • Posts: 2046
  • Karma: +318/-13
  • web for all, all for web!
    • View Profile
    • AbanteCart
Re: where do i put JavaScript SDK for Facebook like page
« Reply #1 on: July 08, 2015, 01:57:58 PM »
1. design->blocks->create new html-block, paste FB code in a "source" mode.
2 . add this block in layout on design->layouts
“No one is useless in this world who lightens the burdens of another.”
― Charles Dickens

Offline emanuelben616

  • Jr. Member
  • **
  • Posts: 55
  • Karma: +2/-0
    • View Profile
Re: where do i put JavaScript SDK for Facebook like page
« Reply #2 on: July 08, 2015, 02:00:41 PM »
ok thank you very much ill give it a try ill give it a try


Offline Unboxit

  • Newbie
  • *
  • Posts: 12
  • Karma: +1/-0
    • View Profile
Re: where do i put JavaScript SDK for Facebook like page
« Reply #4 on: February 06, 2016, 01:12:04 PM »
Hi, I have pasted the facebook javascript sdk and plugin codes into a new html block.
But it still doesn't work. My url is unboxit.com.au

I paste the codes from facebook using the Add new HTML block and edit in "source"

I paste more sets of codes (javascript sdk & page plugin codes) together into the one same html block. I have tried everything it still doesn't work. Why doesn't it work??

The codes i paste in are:

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-page" data-href="" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><div class="fb-xfbml-parse-ignore"><blockquote cite=""><a href="">Online Retail Therapy</a></blockquote></div></div>

Offline Presskey

  • Newbie
  • *
  • Posts: 5
  • Karma: +1/-0
    • View Profile
Re: where do i put JavaScript SDK for Facebook like page
« Reply #5 on: February 06, 2016, 05:59:12 PM »
Did you paste into the source window?  If you paste straight into the html editor the code will be incorrect.

Offline Unboxit

  • Newbie
  • *
  • Posts: 12
  • Karma: +1/-0
    • View Profile
Re: where do i put JavaScript SDK for Facebook like page
« Reply #6 on: February 06, 2016, 10:56:24 PM »
Yes i did paste it into "source" window.

However because facebook supplies 2 sets of codes, 1 for the Javascript SDK, and the other for the page plugin itself.

Do i paste both set of codes into 1 html block?

I did that and it still is not working..

Offline Presskey

  • Newbie
  • *
  • Posts: 5
  • Karma: +1/-0
    • View Profile
Re: where do i put JavaScript SDK for Facebook like page
« Reply #7 on: February 07, 2016, 06:54:33 AM »
Yes you paste both sets of code in the source.

Offline Unboxit

  • Newbie
  • *
  • Posts: 12
  • Karma: +1/-0
    • View Profile
Re: where do i put JavaScript SDK for Facebook like page
« Reply #8 on: February 07, 2016, 11:49:01 PM »
Have anyone done it before and got it working?

Is there anything I have to edit in the 2 source code and do I have to lay it out in a certain way?

I paste both codes in the html block under source input its still not working...  :-\

Offline Presskey

  • Newbie
  • *
  • Posts: 5
  • Karma: +1/-0
    • View Profile
Re: where do i put JavaScript SDK for Facebook like page
« Reply #9 on: February 08, 2016, 01:30:55 AM »
I stated what to do with the code I did not verify that what you had entered was correct.  You did not request someone to test your coding.

Where did you get the code from?

Did you follow the instructions in the Developer Guide?

What are you trying to accomplish?

Offline Unboxit

  • Newbie
  • *
  • Posts: 12
  • Karma: +1/-0
    • View Profile
Re: where do i put JavaScript SDK for Facebook like page
« Reply #10 on: February 08, 2016, 02:19:41 AM »
I got the codes from Facebook's Page plugin code generator, where you enter in your facebook Fan page address and select various options and Facebook generates the code for you.

I pasted the 2 sets of codes in my earlier posts in this chain.

What I want to achieve is to display the Facebook Page plugin on my website blocks.

yonghan

  • Guest
Re: where do i put JavaScript SDK for Facebook like page
« Reply #11 on: February 08, 2016, 04:24:23 AM »
Hi, i can see the facebook like page in your site.

Offline Unboxit

  • Newbie
  • *
  • Posts: 12
  • Karma: +1/-0
    • View Profile
Re: where do i put JavaScript SDK for Facebook like page
« Reply #12 on: February 08, 2016, 04:48:14 AM »
Hi Handoyo,

That is so strange. What is wrong with my browser as I am still unable to display any facebook block plugins.

I was told to run my browser without addons, but I don't know what addons and the reason.

I loaded my website on 2 different computers and both aren't showing the facebook blocks

yonghan

  • Guest
Re: where do i put JavaScript SDK for Facebook like page
« Reply #13 on: February 08, 2016, 06:30:16 AM »
Do you have any addons in your browser? If yes, what are the addons that you installed? I just reopen your site via My tablet and I still able to see the facebook block.

Offline Unboxit

  • Newbie
  • *
  • Posts: 12
  • Karma: +1/-0
    • View Profile
Re: where do i put JavaScript SDK for Facebook like page
« Reply #14 on: February 08, 2016, 09:47:04 AM »
Hi Handoyo,

Yes I finally got it to work in Google Chrome now.
However some reason Firefox still doesn't like it.
I really don't have much addons in Firefox.
I got Firebug, Adobe Acrobat, Google Update, Shockwave Flash, Microsoft Office 2016.

I have now disabled all of them and shall retry.

 

Powered by SMFPacks Social Login Mod