Jump to content

Créer un bouton Pinterest facilement

lechat

By lechat
in Modules et thèmes gratuits

 Share

Recommended Posts

lechat Newbie

lechat

Posted
Posted

Bonjour,

 

Pour intégrer facilement un bouton pinterest, il suffit de rajouter le code suivant dans le fichier product.tpl du thème que vous utilisez :


<a href="http://pinterest.com/pin/create/button/?url={$smarty.server.HTTP_HOST}{$smarty.server.REQUEST_URI}&media={$link->getImageLink($product->link_rewrite, $cover.id_image, 'large')}" class="pin-it-button" count-layout="horizontal">Pin It</a>
<script type="text/javascript" src="http://assets.pinterest.com/js/pinit.js"></script>

 

Bon courage,

 

Le chat

  • Like 2
Link to comment
Share on other sites
inkasunka Newbie

inkasunka

Posted
Posted

Le chat ¡

 

Voila ma premiere reaction sur le forum, pardon pour l'expression mais tu dechires, je suis bluffé, un mot : Bravo ¡

 

Si j'applique cela a tous les reseaux sociaux, ca devrait fonctionner, en tous cas un grand merci ;)

Link to comment
Share on other sites
meandre Newbie

meandre

Posted
Posted

pour prestashop 1.3 le code et comme se si

 

 

<a href="http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.pouf-marocain.com&media=http://www.pouf-marocain.com/{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large')}" class="pin-it-button" count-layout="horizontal">Pin It</a>

<script type="text/javascript" src="http://assets.pinterest.com/js/pinit.js"></script>

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

skewo

Posted
Posted

@lechat merci pour cette astuce très simple et efficace !

 

@MYFRENCHNEIGHBOR je vois sur votre site que vous avez trouvé la solution pour le l'affichage de l'image. Pouvez vous nous faire part de la modification apportée ?

Link to comment
Share on other sites
lechat Newbie

lechat

Posted
  • Author
Posted

Le chat ¡

 

Voila ma premiere reaction sur le forum, pardon pour l'expression mais tu dechires, je suis bluffé, un mot : Bravo ¡

 

Si j'applique cela a tous les reseaux sociaux, ca devrait fonctionner, en tous cas un grand merci ;)

 

Heureux de pouvoir aider, j'ai trouvé tellement d'astuces qui m'ont vraiment dépanné sur le forum que je suis content de pouvoir apporter ma petite pierre à l'édifice.

J'ai pour ma part utilisé cette méthode pour tous les réseaux sociaux qui m’intéressaient (facebook, twitter, pinterest, fancy), ce qui évite d'alourdir prestashop avec d'autres modules.

 

Bon courage.

 

Le Chat.

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

dwidoo

Posted
Posted

bonjour,

 

je suis exactement dans la même situation. Comment avez-vous résolu le problème de l'image qui n'est pas envoyée à pinterest ?

 

Merci

 

D

 

Merci.

Pour ma part, j'essaye de l'implanter dans un module ou j'ai les autres boutons sur ce site :

http://www.french-fo...nougat-bag.html

 

Or, cela n'envoie pas la photo à Pinterest, je cherche mais je cale.

 

Une idée ?

 

Merci d'avance.

Link to comment
Share on other sites
dwidoo Newbie

dwidoo

Posted
Posted

il faut bien l'implanter dans product.tpl, nulle part ailleurs

 

Le souci c'est que l'emplacement ou je veux placer le bouton est réservé à un module ou se trouvent tous les bouton "sociaux" (J'aime, +1 et Tweeter). Et j'aurais aimé savoir comment récupérer l'adresse de l'image de produit, le nom du fabricant et le nom du produit dans le .tpl du module...

Link to comment
Share on other sites
  • 9 months later...
  • 10 months later...
morphinux Newbie

morphinux

Posted
Posted

Pour ma version prestashop 1.5.6.1, le code généré sur le site Pinterest fonctionne parfaitement. Le voici à coller dans product.tpl de votre thème.

<a href="//www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" ><img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_20.png" /></a>
<!-- Please call pinit.js only once per page -->
<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>
Link to comment
Share on other sites
  • 2 weeks later...
LoganTPC Newbie

LoganTPC

Posted
Posted (edited)

Merci beaucoup pour ce magnifique petit bout de code, par contre j'au un petit souci, il fonctionne tres bien sur safari, mais pas sur chrome, avez vous deja rencontré ca ?

Comment modifier le text de base lorsqu'un cleint pin it votre produit, car c'est le titre par default, et j'aimerai la description.

Cordialement

Edited by LoganTPC (see edit history)
Link to comment
Share on other sites
morphinux Newbie

morphinux

Posted
Posted

Merci beaucoup pour ce magnifique petit bout de code, par contre j'au un petit souci, il fonctionne tres bien sur safari, mais pas sur chrome, avez vous deja rencontré ca ?

 

Comment modifier le text de base lorsqu'un cleint pin it votre produit, car c'est le titre par default, et j'aimerai la description.

 

Cordialement

 

Pour modifier le texte par défaut, il suffit juste de positionner sa souris sur le texte pour voir apparaître le petit crayon qui permet d'éditer la légende.

Concernant chrome, je viens de tester et il fonctionne parfaitement chez moi. Mais bon, j'utilise chrome sur linux et pas google chrome sur windows. Ceci explique peut-être cela. Sur internet explorer, il fonctionne très bien également.

Link to comment
Share on other sites
morphinux Newbie

morphinux

Posted
Posted (edited)

Bonjour, pouvez-vous spécifier l'emplacement ou la ligne où on doit placer ce code sur product.tpl?

Je suis en version : 1.5.6.2

Merci

Bonjour,

 

Je l'ai positionné dans ma version 1.5.6.1 de prestashop à la ligne 151 juste après ces lignes en rouge. Il est possible qu'il faille les mettre ailleurs sur une autre version de prestashop mais logiquement cela devrait se positionner après le {if $have_image} dans le bloc right info

<!-- right infos-->
    <div id="pb-right-column">
        <!-- product img-->
        <div id="image-block" class="bordercolor">
        {if $have_image}
<a href="//www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" ><img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_20.png" /></a>
<!-- Please call pinit.js only once per page -->
<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>
Edited by morphinux (see edit history)
Link to comment
Share on other sites
Misscclementine Newbie

Misscclementine

Posted
Posted

Je l'ouvre avec DW mais je ne comprends pas car cela me fait une page blanche.
Sous la version 1.5.6.2 j'ai cela : 

<!-- right infos-->
	<div id="pb-right-column">
		<!-- product img-->
		<div id="image-block">
		{if $have_image} 

Et si je le mets dessous, j'ai une page blanche pour tout mes produits, pas l'index par contre!

Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to topic listing
×
×
  • Create New...