Tuto : intégration du bouton Google +1 dans Prestashop

Vous avez déjà intégré le bouton de partage Google +1 sur votre boutique Prestashop ? Très bien, mais pour les autres qui n’y arrivent toujours pas, voici un tuto assez simple pour installer the Google Plus One Button sur Prestashop :
- Rendez-vous chez Google +1 : http://www.google.com/+1/button/
- Cliquez sur “Get the code“
- Choisissez la taille de votre bouton parmi 15, 20, 24 et 60 pixels
- Important : ne touchez pas au langage du bouton !
- Cliquez sur les options avancées pour afficher ou non le compteur de +1 avec votre bouton
- Vous avez à présent le code pour intégrer le bouton…
- Sur votre ftp, dans le fichier www/themes/nomdevotrethème/footer.tpl appliquez le <script> comme suit puis enregistrez :
<!– Place this tag in your head or just before your close body tag –>
<script type=”text/javascript” src=”https://apis.google.com/js/plusone.js”></script>
</body>
</html>
- Ensuite il ne vous reste plus qu’à insérer le code du bouton côté front office par exemple avec les boutons de partage déjà présent sur la fiche produit dans le fichier www/themes/nomdevotrethème/product.tpl puis enregistrez :
<!– usefull links –>
<ul id=”usefull_link_block”>
{if $HOOK_EXTRA_LEFT}{$HOOK_EXTRA_LEFT}{/if}
<li><a href=”javascript:print();”>{l s=’Print’}</a><br /></li>
{if $have_image && !$jqZoomEnabled}
<li><span id=”view_full_size”>{l s=’View full size’}</span></li>
{/if}
</ul>
<g:plusone count=”false”></g:plusone>
- C’est fini, votre bouton Google +1 est intégré à votre boutique Prestashop
NB : il faudra peut être appliquer un peu de CSS pour que tout soit en forme mais le plus gros est fait









Tél. +33 (0)6 24 54 71 62
E-mail
Skype 





Panier déroulant
Sympa!
Par contre, imaginons que j’ai ce bouton google+1 uniquement sur la fiche produit. Chargé plusieurs fois le javascript est inutile, il suffirait de la charger dans le ProductController.php j’imagine. Par contre, connaîtrais-tu la syntaxe lorsque lorsque l’on charge un js externe? J’imagine que l’on écrit pas directement si ?
Bonjour Ludo, en effet, ce tuto vise avant tout à placer le script pour ensuite afficher le bouton +1 sur toute la boutique Prestashop (je n’ai pris pour exemple que le product.tpl). L’idée est donc de garder le code dans les fichiers du thème
Merci bcp pour ce tuto, par contre comment faire pour le passer en français?
Bonjour Mawan, la version FR comprend du code qui fait planter Prestashop c’est pourquoi, il reste en anglais – par ici le sujet sur le forum http://www.prestashop.com/forums/topic/113592-tutoriel-integrer-google-1-sur-votre-boutique/
Bonjour
merci pour ce tuto, j’ai pu mettre le bouton sur un produit mais en fait je voudrais qu’il soit sur ma page d’accueil afin de recommander le site et non un produit.
Où dois je insérer le code du bouton pour que cela fonctionne ?
merci
Bonjour, vous pouvez insérer le code dans le footer.tpl ou dans le header.tpl par exemple.