Ajouter J’aime de Facebook et +1 de Google+ à Prestashop

Vous disposez d’une boutique en ligne et vous souhaitez que les internautes puissent partager vos produits sur leurs réseaux sociaux préférés??

Pas de problème, voici les solutions pour insérer rapidement un bouton J’aime et +1 sur la page produit de Prestashop.

Le bouton J’aime

Pour le bouton j’aime c’est facile, il y a un petit module qui le fait très bien et gratuit en plus. Pour le télécharger, cliquez ici.

Une fois le module uploadé dans le dossier module de votre boutique, vous avez quelques petites manipulations à faire. Tout d’abord vous allez installer le module puis cliquer sur configuration. Là vous pourrez modifier les paramètres d’affichage du bouton (taille, layout, etc…).

En suite, il faut copier le fichier FrontController.php situé dans modules/facebooklike/override/classes, dans le dossier override/classes de votre boutique. Cette classe ajoute un nouveau hook pour positionner le bouton.

Enfin,  vous allez placer {$HOOK_FACEBOOK_LIKE} dans le fichier product.tpl de votre thème là où vous souhaitez voir le bouton apparaitre. Vos clients peuvent à présent partager vos produits à leurs amis.

Le bouton +1

Pour le bouton +1, pas de module mais juste un peu de code à ajouter toujours dans le fichier product.tpl de votre thème. Vous pouvez choisir les paramètres du bouton et obtenir le code en cliquant ici.

Une fois le code obtenu il suffit de placer le code d’appel js avec le reste du code js et l’appel du bouton la ou vous souhaitez le voir apparaitre.

Source : Arnaud Merigeau

Pour ma part j’ai choisi d’insérer les deux boutons dans un div spécial pour pouvoir gérer correctement leur positionnement. Vous pouvez voir le résultat sur cette boutique de vente de bonbons et accessoires de fête.

 

Une réflexion au sujet de « Ajouter J’aime de Facebook et +1 de Google+ à Prestashop »

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>