Magento – Facebook Likebox in Shop einbauen / Likebutton in article

If you would like to join his Facebook site with the store visually, can do this in a few easy steps. These include Facebook makes two small features are available, We want to introduce here.

PicturePictureDie Facebook Fanbox: This may on the one hand, the current contributions in the so called. Stream will be displayed, to continue to provide images of the individual fans (“show faces”). To add this box to your site, can be taken wiefolgt:

  1. 1. First, the code for the box itself is created. For this purpose, on this page go and enter the link to their page.
  2. The width of the box you enter. For us it is in the left navigation bar, so we choose the width of 195px. The color scheme is in order for our purposes.
  3. We would like to, that the images of the fans can be seen and therefore make the check in “Show Faces” set.
  4. The stream we want to set very safe and can also hook.
  5. The Header “Find us on Facebook” We do not turn here, and therefore remove the hook.
  6. Next, on “Get Code” Click below and have the code for their own Likebox displayed and a preview can be seen.
  7. The code then it goes to the “infecting” File. We want to see the box in the left navigation bar, and open to the left_col.phtml in the folder /app/design/frontend/default/[IhrTemplate]/template/callouts .
  8. In this we can simply add one to the newly generated code and save.
  9. Once the code has been uploaded, the box should now be in their place.
  10. A little tip: Who would like to have the box in his own language, can do this, by the code http://connect.facebook.net/en_US/all.js#xfbml=1 en_US” against de_DE” is replaced.
  11. Subsequently, the Facebook fan box in German.
  12. There are of course many other ways as extensions, but this is a fast following.

 

Another possibility is to link it to Facebook is the Fanbutton, which come in different variations.

Picture

This can also be created directly online, click this link clicked. Even here, only the link to enter their own Facebook page, and made one or the other change. The changes are real-time displays to the left of the window. Then again generate the code and then it can be inserted at any point. One possibility is for example the article itself in the description. Here, take care, that is not in the WYSIWG view but in HTML mode.

Used in Magento 1.4 and 1.5

Published by Covos

Since 2009 I have been working intensively with Magento. I started with the creation and operation of B2C stores. This was extended through my work in the logistics sector. This resulted first specialized B2E systems. Today I work day-a day with exciting B2C, B2B- and B2E projects and reports in this blog about challenges and give insider tips.

One comment on “Magento – Facebook Likebox in Shop einbauen / Likebutton in article”

  1. Hello,

    I read your tip here and am still a little perplexed…… at the moment it looks like the folder left_col.phtml……

    getLinkUrl(),0,4))===’http’): ?>
    <a href="getLinkUrl() ?>”>
    getLinkUrl()): ?>
    <a href="getUrl($this->getLinkUrl()) ?>”>

    <img src="getSkinUrl($this->getImgSrc()) ?>” width=”200″ alt =”__($this->getImgAlt()) ?>” style=”display:block;” />
    getLinkUrl()): ?>

    the code for facebook is ……

    (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/de_DE/all.js#xfbml=1”;
    fjs.parentNode.insertBefore(js, fjs);
    }(document, ‘script’, ‘facebook-jssdk’));

    and now the crucial question duck, is the code so ok and how exactly should the purely ??????

    would be nice, if you could answer me this …..

    Thank you very much

    kay haufe

Leave a Reply

Your email address will not be published. Required fields are marked *