ANLEITUNG: Pinterest Button mit Übertragung des Produktbildes

[Jürgen]

Passt....Danke...

Gruss

Jürgen

[chinni]

Hallo

Bei mir funktioniert es nicht richtig, es kommt zwar die Pinterest Seite wo ich auch einen Pin erstellen kann, doch wenn ich dann im Pinterest Konto bin, sehe ich den Pin nicht, er wird nicht übertragen..

Folgendes steht in meiner product_info.php:

Code: PHP  [Auswählen]

   $info_smarty->assign('PRODUCTS_URL', sprintf(TEXT_MORE_INFORMATION, xtc_href_link(FILENAME_REDIRECT, 'action=product&id='.$product->data['products_id'], 'NONSSL', true, false)));    $info_smarty->assign('PRODUCTS_URL_PINTEREST', urlencode(xtc_href_link(FILENAME_PRODUCT_INFO, xtc_product_link($product->data['products_id'], $product->data['products_name']))));    }

Un in meiner product_info_v1.html:

Code: PHP  [Auswählen]

<!-- Pinterest start -->
<div style="margin-top:10px;margin-left:10px">
        <a target="_blank" href="http://pinterest.com/pin/create/button/?url={$PRODUCTS_URL_PINTEREST}&amp;media={$smarty.const.HTTP_SERVER|urlencode}%2F{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"|urlencode}&amp;description={$PRODUCTS_NAME|utf8_encode|urlencode}" class="pin-it-button" count-layout="horizontal"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>
<!-- Pinterest end -->

Danke für weitere Hilfe

LG Natalie

[chinni]

Ich hab es jetzt mal in meiner Produktdetailseite gelassen, dann kann man sehen, was ich meine..

http://www.beautiful-nails.ch/Uv-Gel-Systeme/UV-Farbgele/Farbgel-Classic/Farbgel-Standard-Tomato-5ml--3964.html

lg Natalie

[Jürgen]

Ja, scheint nicht zu funktionieren...

Es erscheint ein PopUp mit dem Artikelbild etc. , man kann vorhandene Pinwände auswählen, der Pin wird aber nicht übertragen...

Eine neue Pinwand wird aber, wenn man dies aktiviert, erstellt....?

Gruss Jürgen

[chinni]

Ja das Problem hab ich auch, ich kann zwar eine neue Pinnwand erstellen, aber den Pin überträgt es leider nicht..

LG Natalie

[Matt]

Die URL ist leer. Bitte mal prüfen, ob du das mit PRODUCTS_URL_PINTEREST wirklich korrekt eingebaut hast.

[chinni]

Hallo Matt

ich verstehe nicht was Du meinst..wo muss ich den was zusätzlich eintragen und welche Url?

LG Natalie

[Matt]

Die URL wird durch den Eintrag in includes/modules/product_info.php zur Verfügung gestellt. Da scheint bei dir aber was nicht zu passen.

[chinni]

Hab Dir eben ein Mail gesendet

LG Natalie

[chinni]

Vielen Dank an Matt für die rasche Hilfe

LG Natalie

[jannemann]

Hallo Natalie,

würdest du die Lösung von Matt noch mit uns teilen?
Dann haben alle was davon

Schöne Grüße,
Jan

[Matt]

Mach ich doch glatt. In älteren Shopversionen wird die Variable PRODUCT_URL nicht mit einem ternären Operator gefüllt, sondern mit einer kompletten if-Bedingungen. PRODUCT_URL_PINTEREST muss außerhalb dieser if-Bedingung stehen, damit es gefüllt wird.

Darüber hinaus noch: Das Javascript von Pinterest hat kein onDomReady. Wird es in der general.js.php eingefügt funktioniert das Popup nicht, da es geladen wird, bevor der Button geladen wird. Es muss in die application_bottom.php, damit es funktioniert.

[chinni]

Hallo Matt

Hab heute festgestellt, dass der Pin it Button nicht mehr funktioniert. Es geht zwar noch das PopUp auf, aber man kann nix weiter machen. Da kannste mal gucken.
http://www.beautiful-nails.ch/elektr-Geraete/Lichthaertungsgeraete/Pink-Promed-UV-Lichthaertungsgeraet-UVL-36--4093.html

Der Code den Du mir dazumal eingefügt hast war folgender:

Code: PHP  [Auswählen]

<!-- Pinterest start -->
<p style="margin-top:8px;margin-left:7px">
    <a target="_blank" href="http://pinterest.com/pin/create/button/?url={$PRODUCTS_URL_PINTEREST}&amp;media={$smarty.const.HTTP_SERVER|urlencode}%2F{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"|urlencode}&amp;description={$PRODUCTS_NAME|urlencode}" class="pin-it-button" count-layout="horizontal"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a></p>
<!-- Pinterest end -->

Kannst Du mir weiterhelfen?

Danke Dir.

LG Natalie

[Tomcraft]

Ich fasse die Tipps von Matt hier nochmal als funktionierend und getestete Anleitung zusammen:

"/includes/application_bottom.php"

Suche:

Code: PHP  [Auswählen]

echo '</body>';
echo '</html>';

Füge davor ein:

Code: PHP  [Auswählen]

echo '<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>';

"/includes/modules/product_info.php"

Suche:

Code: PHP  [Auswählen]

  $info_smarty->assign('PRODUCTS_URL', !empty($product->data['products_url']) ? sprintf(TEXT_MORE_INFORMATION, xtc_href_link(FILENAME_REDIRECT, 'action=product&id='.$product->data['products_id'], 'NONSSL', true, false)) : '');

Füge danach ein:

Code: PHP  [Auswählen]

  $info_smarty->assign('PRODUCTS_URL_PINTEREST', urlencode(xtc_href_link(FILENAME_PRODUCT_INFO, xtc_product_link($product->data['products_id'], $product->data['products_name']))));

"/templates/<template-name>/module/product_info/product_info_xyz.html"

Füge an gewünschter Stelle ein:

Code: PHP  [Auswählen]

<a href="http://pinterest.com/pin/create/button/?url={$PRODUCTS_URL_PINTEREST}&amp;media={$smarty.const.HTTP_SERVER|urlencode}%2F{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"|urlencode}&amp;description={$PRODUCTS_NAME|utf8_encode|urlencode}" data-pin-do="buttonBookmark" class="pin-it-button" count-layout="horizontal"><img border="0" src="//assets.pinterest.com/images/pidgets/pin_it_button.png" title="Pin It" /></a>

Grüße

Torsten

[EDIT Tomcraft 22.05.2013: Anleitung in Beitrag 1 verlinkt.]

[Leprechaun]

Sorry wenn ich das nochmal ausgrabe... Es funktioniert ja auch soweit ganz gut, nur wenn ich auf den Pin It Button klicke, werden alle Bilder auf der Seite zum pinnen angeboten, und nicht das Bild, bei welchem der Pin It Button steht.

Soweit ich das verstanden habe, werden ja die Pfade zum Bild welches gepint werden soll umgeschrieben (von info_images nach popup_images). Auf der Seite der zum pinnen angeboten Bilder erscheinen dann aber doch nur die Bilder aus dem info_images Verzeichnis.

Man kann das sehr schön auf der Seite von chinni sehen. Dort sollte doch bei einem beliebigen Artikel eigentlich nur das Artikelbild aus dem Verzeichnis popup_images gepinnt werden, trotzdem werden nach Klick auf den Pin It Button alle auf der Seite angezeigten Bilder zum Pinnen angeboten und dann auch nur die aus dem info_images Verzeichnis.

Wenn man interessanterweise einen Rechtsklick auf den Pin It Button macht und dann in einem neuen Tab/Fenster öffnet, is alles so wie erwartet. Es wird lediglich das Artikelbild korrekt aus dem popup_images Verzeichnis zum Pinnen angeboten.

Ich habe versucht, das durch target='_blank' im Code der in die product_info_xyz.html eingebunden wird zu lösen, das wird aber anscheinend irgendwie ignoriert, da sich partout kein neuer Tab/neues Fenster nach dem Klick auf den Pin It Button öffnen will.

Ist das jetzt bewusst so seitens Pinterest eingerichtet, oder ist da noch irgendwo der Wurm drin?

Gruss aus Irland,
Andreas