Jump to content

[Gratuit] un Bouton Facebook ‘Like’ sur la fiche produit


Recommended Posts

Tres tres simple,si vous voulez avoir un bouton Facebook Like

Editez votre fichiers product.tpl de votre theme et cherchez ceci:

{include file=$tpl_dir./breadcrumb.tpl}



et coller ceci juste apres:

<iframe src="http://www.facebook.com/plugins/like.php?href={php} echo 'http://'.$_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI']; {/php}&layout=standard&show_faces=false&width=450&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:35px; margin-top:10px; margin-bottom: 0px"></iframe>



sauvegardez le tout et allez sur votre site pour voir apparaitre le fameux bouton.

Voilouuu

Share this post


Link to post
Share on other sites

  • 2 weeks later...
  • 2 weeks later...

Bonjour,

Je suis justement à la recherche de cette fonctionnalité afin de pouvoir aussi communiquer mes nouveautés sur Facebook, directement depuis mes fiches produits.

En fait, Cerise, je souhaiterais faire exactement comme toi (mettre le lien FB au même endroit, c'est-à-dire en-dessous du descriptif produit).

Cependant, je ne suis pas une pro de Prestashop (et de loin!!), donc pourrais-tu, s'il te plaît, me guider plus en détail dans cette manip que nous a suggéré aimablement Smartieskiller ? ;-)

Merci beaucoup ! :-)

Share this post


Link to post
Share on other sites

Hello Sand !

Hop une petite recherche dans mon fichier et voilà la réponse !

Le code est à placer dans le fichier product.tpl qui se trouve à la racine de ton thème.

Je l'ai placé après la "full description" (qui peut changer selon les thèmes notamment la valeur "class" qui est en fait relié directement au CSS) :

Code total de mon thème (à ne pas reproduire, c'est juste un exemple pour placer le code Facebook Like)

   {if $product->description}
       <!-- full description -->
{$product->description}
   {/if}

   <iframe src="http://www.facebook.com/plugins/like.php?href={php} echo 'http://'.$_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI']; {/php}&layout=standard&show_faces=false&width=450&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:35px; margin-top:10px; margin-bottom: 0px"></iframe> 

   {if $features}



N'hésites pas si tu as un soucis, je peux si tu veux te placer le code dans le fichier si c'est trop du rachabia pour toi ;)

Share this post


Link to post
Share on other sites

Merci beaucoup, Cerise, pour tes infos, tes conseils et tes propositions super sympas.

Je vais m'y attaquer ce week-end, l'esprit plus tranquille, je pense. :)

Je te tiendrai au courant si souci.

Merci et excellente continuation ! :-)

Share this post


Link to post
Share on other sites

Bonsoir,

Est-ce que vous avez tester le bouton? Je viens d'essayer sur ma boutique et sa marche bien sauf quand je veux ecrire un commentaire. Le champs pour ecrire ne se montre pas bien.

Vous avez une solution, peut-etre?

Merci!

Share this post


Link to post
Share on other sites

Pour administrer les pages et accéder aux statistiques, il semble qu'il soit recommandé de saisir les identifiants Facebook des administrateurs de la page en rajoutant, dans le « header » de la page ciblée par le bouton, le code HTML suivant :

<meta property="fb:admins" content="[identifiant1, identifiant2]"/>

Quel est votre avis sur cette insertion ?
A quel niveau du header faut-il ajouter cette information ?

Merci pour vos réponses !

Share this post


Link to post
Share on other sites

Perso, j'ai inséré le bouton sur mon site, mais le problème, c'est que quand je clique sur "j'aime", et bien c'est www.monsite.com qui apparait sur facebook, et pas www.monsite.com/catégorie/produit...

Quelqu'un sait comment résoudre ça ?

Merci.

Share this post


Link to post
Share on other sites

J'ai téléchargé le module, mais je n'ai pas eu le temps de le tester encore.

Mais bon, ça paraissait quand même plus simple d'insérer le bouton directement dans le code, d'autant plus que ça marche parfaitement pour twitter...

Je vais quand même essayer de passer par le module.

Merci.

Arnaud.

Share this post


Link to post
Share on other sites

J'ai téléchargé le module, mais je n'ai pas eu le temps de le tester encore.

Mais bon, ça paraissait quand même plus simple d'insérer le bouton directement dans le code, d'autant plus que ça marche parfaitement pour twitter...

Je vais quand même essayer de passer par le module.

Merci.

Arnaud.


C'est vrais, pourquoi faire simple quand on peux faire compliquer! :roll:

Share this post


Link to post
Share on other sites

lol,

effectivement, dans ce cas, ça n'est pas très parlant...

La solution peut-être de passer par add this / add into, perso, j'utilise le second sur mon site et il prend le nom du produit et l'image sur Facebook (tu peux tester sur mon site si tu veux - www.duteafree.com).

A part ça, sauf rentrer dans le dev facebook, j'vois pas d'autre solution.

Share this post


Link to post
Share on other sites

lol,

effectivement, dans ce cas, ça n'est pas très parlant...

La solution peut-être de passer par add this / add into, perso, j'utilise le second sur mon site et il prend le nom du produit et l'image sur Facebook (tu peux tester sur mon site si tu veux - www.duteafree.com).

A part ça, sauf rentrer dans le dev facebook, j'vois pas d'autre solution.


Oui le tiens est mieux, mais il y a pas d'image pour moi.

Sinon j'ai pas compris la solution que tu propose.

29192_G1Zp279JGVyU0D5yR8KB_t

Share this post


Link to post
Share on other sites

il mais mieux, mais pour l'instant, il fonctionne pas :lol:

Tous les liens renvoient vers l'index de mon site et pas vers chaque page produit comme je voudrais, donc c'est la m**de...

La solution que je te propose est de passer par add into ou add this, c'est la barre qu'il y a au dessus des photos produits sur mon site.

Share this post


Link to post
Share on other sites

il mais mieux, mais pour l'instant, il fonctionne pas :lol:

Tous les liens renvoient vers l'index de mon site et pas vers chaque page produit comme je voudrais, donc c'est la m**de...

La solution que je te propose est de passer par add into ou add this, c'est la barre qu'il y a au dessus des photos produits sur mon site.


haaa, je viens de comprendre, fallait dire addinto.com ou addthis.com lol

Merci :)

Share this post


Link to post
Share on other sites

bah dis donc, on trouve de tout chez toi ! :lol:
Sinon, j'ai testé et effectivement aucune photo n'est proposée, bizarre...
As tu une page facebook pour ton site ?
Je ne pense pas que ce soit lié mais bon, à tester !


Non je n'ai pas de page facebook.
Et oui je vends de tout lol.

Share this post


Link to post
Share on other sites

testes avec une page facebook,

de toute façon au niveau com c'est le top du moment ;)

Quand à moi je crois avoir trouvé pourquoi ça ne marche pas, c'est à cause de l'url rewriting a priori...

Pour Wordpress, il faut appeler la page, donc je suppose que c'est pareil pour presta :
http://www.l-tz.com/2010/04/22/ajouter-un-bouton-like-sur-un-blog-wordpress

si quelqu'un pouvait adapter la soluce ici, ce serait bien sympa !

Merci.

Share this post


Link to post
Share on other sites

salut,

1) tu sais qui sont les autres si ce sont de tes amis.
2) J'ai écrit un module ce soir, en m'inspirant du code de cerise.
http://prestashop1.isigny.org/product.php?id_product=7

Jetez un oeil, regardez si le lien ajouté à votre profil convient mieux, faites-moi des retours.

Si il vous plait, je le fournirai à la communauté.

@++


Ouep ton module a l'air de marcher parfaitement! Tu peux le partager stp?

29242_hAegb2cVhSzdpUPHKh9j_t

Share this post


Link to post
Share on other sites

Comme promis,
voilà le lien. Bonne utilisation. S'il y a des questions ou des demandes particulières, n'hésitez pas.

http://boutique.isigny.org/module-outils-prestashop/57-facebook-like.html

@++


Merci.

A quoi ca sert d'ajouter les 2 attributs?
Sinon tu peux greffer automatiquement les hooks a l'installation du module.

Et j'ai pas l'impression que ca marche pour moi.

Share this post


Link to post
Share on other sites

Alors les 2 attributs servent justement à faire en sorte que facebook récupère les informations que le hook header génère.
sans ça, ca marchera pas.

Sinon pour les greffages, comme je développe les modules, ils sont toujours installer avant la version finale et donc je sais jamais si les modules sont bien greffés correctement à l'install ou pas.

D'où la demande de retour :)

Parce que un développeur parfait ça n'existe pas et si tu as le nez dedans y'a forcément des choses qu'on voit pas, ou auxquelles on pense pas !

@++

Share this post


Link to post
Share on other sites

Je ne suis pas un spécialiste, mais j'ai cru lire que facebook applique un cache de 24 à 48h pour chaque url.
Donc si tu as essayé 2 fois sur le même produit, j'ai la même chose sur mon site de test.

Ensuite, je peux essayer de comprendre si vraiment ca marche pas, mais il faut que tu le laisses en place :-)

Share this post


Link to post
Share on other sites

Je ne suis pas un spécialiste, mais j'ai cru lire que facebook applique un cache de 24 à 48h pour chaque url.
Donc si tu as essayé 2 fois sur le même produit, j'ai la même chose sur mon site de test.

Ensuite, je peux essayer de comprendre si vraiment ca marche pas, mais il faut que tu le laisses en place :-)


Ha bah oui je l'ai desinstallé. C'est pas grave, merci quand meme.

Bonne aprem.
a+

Share this post


Link to post
Share on other sites

Alors,

J'ai mis à jour le module... concernant la registration des hooks.
Erreur bête: j'avais parent::install() après la resgistration de mes hooks, ce qui les réinitialisaient.

Pour le reste, j'ai installé le module sur ma boutique de prod, et ça marche très bien :)

Mais il faut mettre les attributs en fait c'est pour déclarer les balises facebook.

@++

Enjoy :)

Share this post


Link to post
Share on other sites

J'ai registre a ISI-services mais je ne peux pas download le module. Appuyer sur 'détails' du comonde fait rien.
Ou je peux download et tester la module svp ?
(excuse ma francais, suis nerlandais)

Share this post


Link to post
Share on other sites

J'ai registre a ISI-services mais je ne peux pas download le module. Appuyer sur 'détails' du comonde fait rien.
Ou je peux download et tester la module svp ?
(excuse ma francais, suis nerlandais)


Recever par email!

Share this post


Link to post
Share on other sites

  • 3 weeks later...

Bonjour Cédric,
je rencontre un probleme, j'ai installé le module sans probleme, j'ai intégré les lignes :

xmlns:og="http://opengraphprotocol.org/schema/"
xmlns:fb="http://www.facebook.com/2008/fbml"

Comme indiqué dans l'administration du module puis lors du teste, quand je clique sur le bouton, le texte :
"Soyez le premier de vos amis à indiquer que vous aimez ça" est remplacé par " vous aimer ca" et indique le nom de la personne qui a cliqué dans la colonne de gauche ( j'ai désactivé l'affichage de droite dans la position des modules).

Puis , quelques seconde plus tard, j'ai le message erreur qui s'affiche et en cliquant dessus, voici le message :

"L’identificateur d’application « 1****31308****2 » spécifié dans la balise méta « fb :app_id » est invalide.."

c'est un probleme connu ou j'ai fait une erreur dans l'installation ? Merci beaucoup pour ton aide.
A bientôt,
steph

Share this post


Link to post
Share on other sites

  • 2 weeks later...

Bonjour,

Tu as trouvé l'id Steph ? J'avais comme toi. C'est le numéro ou nom dans l url de ta page facebook qu'il faut mettre.

Ce module me parait top, par contre je n'ai pas la photo mais un point d'interrogation dans la bulle... Pareil pour vous ?

Merci en tout cas pour ce module Cédric

Share this post


Link to post
Share on other sites

Bonjour,

Tu as trouvé l'id Steph ? J'avais comme toi. C'est le numéro ou nom dans l url de ta page facebook qu'il faut mettre.

Ce module me parait top, par contre je n'ai pas la photo mais un point d'interrogation dans la bulle... Pareil pour vous ?

Merci en tout cas pour ce module Cédric


Bonjour Mickey21,
Désolé, j'ai oublié de faire un retour :red:
Au début, j'ai mis l'id qui est dans la barre d'adresse mais cela ne fonctionnait pas puis j'ai mis L'id qui est le numéro d'administrateur de notre compte que l'on a dans facebook et avec cet id là, cela marche et lorsqu'un visiteur clique sur le bouton qui est placé sur la fiche produit, le lien s'affiche sur son mur et quand on passe la souris dessus, l'image du produit apparait :-)
Ce module marche impec :-)
Bonne soirée.
steph

Share this post


Link to post
Share on other sites

Merci Steph pour ta réponse.

Mais on le trouve où cet id alors ?
J'ai essayé de prendre l'id que j'ai dans l'url de mes albums photo (ce que j'ai vu sur internet).
Là le module marche pas toujours le point d'interrogation au lieu de la photo.

j essaie alors l id de ma fan box, mais ça ne marche pas du tout et j'ai l'erreur "id invalid"...

je patauge alors que je suis sûr c'est tout simple !

Share this post


Link to post
Share on other sites

Merci Steph pour ta réponse.

Mais on le trouve où cet id alors ?
J'ai essayé de prendre l'id que j'ai dans l'url de mes albums photo (ce que j'ai vu sur internet).
Là le module marche pas toujours le point d'interrogation au lieu de la photo.

j essaie alors l id de ma fan box, mais ça ne marche pas du tout et j'ai l'erreur "id invalid"...

je patauge alors que je suis sûr c'est tout simple !


Bonjour Mickey21,
Apparement, tu essais avec L'ID de ton profil perso et c'est peu-etre cela qui bloque.
Sur facebook, j'ai crée un compte pour présenter le site et c'est l'ID d'administrateur de ce compte qui fonctionne (en tous cas pour moi) , on trouve d'ailleur les codes permettant d'intégrer des boutons sur le site que l'on veu depuis cet admin.
J'espere t'avoir aidé car au dela, je n'en sais pas plus :down:

Share this post


Link to post
Share on other sites

  • 2 months later...

Bonjour,

Merci à Cédric pour ce module qui a l'avantage par rapport au bouton j'aime classique de rajouter une petite photo!
Par contre est il possible de supprimer ou modifier la mention Produit/service qui apparaît dans la bulle?

Share this post


Link to post
Share on other sites

  • 3 months later...

Bonjour j'ai essayer votre bouton dans mes fiches produits le soucis et que lorsqu'on clique sur j'aime j'ai une erreur je clique donc sur le lien erreur afin de voir ce qu'il en est.
Et là l'erreur me dit que la page est inaccessible je regarde donc l'url et mon problème est le suivant il met deux l'url de base de mon site dans celle-ci

exemple:

http://www.monsite.com/http://www.monsite.com/nom_de_la_fiche_produit.html



Auriez vous une idée?

Share this post


Link to post
Share on other sites

  • 1 month later...

Bonjour,

J'ai intégrés ce module et il fonctionne à peu près mais je n'arrive pas à placer ce bouton la ou je le veux...

Je veux juste le mettre dans la banière en haut à droite mais impossible. je l'ai greffer un peu de partout et il ne s'affiche que sur la colonne de droite/gauche et celle du centre ...

Si jamais quelqu'un a réussie ça qu'il me fasse signe svp !

Merci !

Share this post


Link to post
Share on other sites

  • 2 weeks later...

Bonjour,

J'ai intégré le module, et vraiment NICKEL CHROME! ;)
Félicitation!

J'ai simplement une question, j'ai integré le module sur la colonne de gauche, et quand on clique sur "J'aime", ca affiche une image produit aléatoire.

Est-ce qu'il y aurait moyen de faire en sorte que cela affiche le logo de la boutique ?

Ou meme pourquoi-pas, permettre de rendre la personne " FAN " de la boutique sur Facebook ?

Voila, merci d'avance et encore bravo !!

Share this post


Link to post
Share on other sites

Bonjour j'ai installé le module et ça fonctionne pas très bien.

Lorsque je clique sur "J'aime" sur un de mes produits, ça doit évidement se répercuter sur mon profil Facebook mais malheureusement la photo du produit qui apparait sur facebook n'est pas la bonne du tout.

Quelqu'un a une idée svp ? ça fais maintenant des mois que je suis sur ce problème mais sans succès.

Share this post


Link to post
Share on other sites

  • 1 month later...
Bonjour j'ai installé le module et ça fonctionne pas très bien.

Lorsque je clique sur "J'aime" sur un de mes produits, ça doit évidement se répercuter sur mon profil Facebook mais malheureusement la photo du produit qui apparait sur facebook n'est pas la bonne du tout.

Quelqu'un a une idée svp ? ça fais maintenant des mois que je suis sur ce problème mais sans succès.


Bonjour a tous,

Même probleme qu'ariehh, suivant les fiches produit ce n'est pas la bonne image qui est sélectionné, de plus le bouton j'aime fonctionne par intermittence.

Voila le code que j'ai inséré dans product.tpl
[removed][removed]



j'ai rajouté ceci dans le header.tpl

 xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml"



Voila mon site www.votrebracelet.com, je suis en 1.4

Avez-vous une idée?

A+

Louis

Share this post


Link to post
Share on other sites

Bonjour,

J'ai finalement résolu mon problème en téléchargement ce module : http://www.presto-changeo.com/en/prestashop-free-modules/45-facebook-like-button.html

et tout fonctionne normalement. Ça affiche bien la bonne image sur notre profil facebook lorsqu'on like un produit


merci pour ta réponse, mais j'avais deja testé ce module tout comme:
Facebook Like a Lot v1.1 par iLet Develop Team
ISIFacebookLike v1.1

et a mon grand désespoir j'ai le même probleme.

ci-joint une image du probleme pour être plus explicite.

Quelqu'un a une idée?

a+ louis

48720_OPZHqW7dFmuqy9knTss0_t

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More