Jump to content

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

SmartiesKiller
 Share

Recommended Posts

SmartiesKiller Newbie

SmartiesKiller

Posted
Posted

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

Link to comment
Share on other sites
  • 2 weeks later...
  • 2 weeks later...
Sand33 Newbie

Sand33

Posted
Posted

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 ! :-)

Link to comment
Share on other sites
Cerise Newbie

Cerise

Posted
Posted

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 ;)

Link to comment
Share on other sites
Sand33 Newbie

Sand33

Posted
Posted

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 ! :-)

Link to comment
Share on other sites
nuttis Newbie

nuttis

Posted
Posted

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!

Link to comment
Share on other sites
Philippe Newbie

Philippe

Posted
Posted

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 !

Link to comment
Share on other sites
nodar44 Newbie

nodar44

Posted
Posted

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.

Link to comment
Share on other sites
nodar44 Newbie

nodar44

Posted
Posted

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.

Link to comment
Share on other sites
pasko Newbie

pasko

Posted
Posted
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:
Link to comment
Share on other sites
nodar44 Newbie

nodar44

Posted
Posted

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.

Link to comment
Share on other sites
abatonime Newbie

abatonime

Posted
Posted
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

Link to comment
Share on other sites
nodar44 Newbie

nodar44

Posted
Posted

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.

Link to comment
Share on other sites
abatonime Newbie

abatonime

Posted
Posted
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 :)
Link to comment
Share on other sites
abatonime Newbie

abatonime

Posted
Posted
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.
Link to comment
Share on other sites
nodar44 Newbie

nodar44

Posted
Posted

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.

Link to comment
Share on other sites
abatonime Newbie

abatonime

Posted
Posted
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

Link to comment
Share on other sites
abatonime Newbie

abatonime

Posted
Posted
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.
Link to comment
Share on other sites
Cédric Newbie

Cédric

Posted
Posted

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 !

@++

Link to comment
Share on other sites
Cédric Newbie

Cédric

Posted
Posted

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 :-)

Link to comment
Share on other sites
abatonime Newbie

abatonime

Posted
Posted
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+
Link to comment
Share on other sites
Cédric Newbie

Cédric

Posted
Posted

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 :)

Link to comment
Share on other sites
  • 3 weeks later...
stephforum Rookie

stephforum

Posted
Posted

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

Link to comment
Share on other sites
  • 2 weeks later...
mickey21 Newbie

mickey21

Posted
Posted

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

Link to comment
Share on other sites
stephforum Rookie

stephforum

Posted
Posted
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
Link to comment
Share on other sites
mickey21 Newbie

mickey21

Posted
Posted

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 !

Link to comment
Share on other sites
stephforum Rookie

stephforum

Posted
Posted
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:
Link to comment
Share on other sites
  • 2 months later...
  • 3 months later...
Tchupa Rookie

Tchupa

Posted
Posted

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?

Link to comment
Share on other sites
  • 1 month later...
faillure Newbie

faillure

Posted
Posted

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 !

Link to comment
Share on other sites
  • 2 weeks later...
drhide Newbie

drhide

Posted
Posted

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 !!

Link to comment
Share on other sites
ariehh Newbie

ariehh

Posted
Posted

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.

Link to comment
Share on other sites
  • 1 month later...
lreymond Newbie

lreymond

Posted
Posted
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

Link to comment
Share on other sites
lreymond Newbie

lreymond

Posted
Posted
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

Link to comment
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
Go to topic listing
×
×
  • Create New...