2月 2日, 2012年 - IT    コメントはありません。

PinterestのボタンをEC-CUBEに設置する方法

Pin It画像があってPinしたい場合押して下さいね。

前回のWordPressに設置とかぶってしまうこともありますが、EC-CUBE2.11.2に導入してみました。
本当はEC-CUBE2.11.4でしようかと思ったのですが・・・
多分同じだと思うので、手持ちでEC-CUBE2.11.2が動いていたのがあったので、設置してみました。

で、結果は、まずまずかな・・・
商品詳細ページに設置したんですが、いかんせん、URLの取得で最後の【detail.php?product_id=1】の【=1】がよくわからなかったので、リンク先は全てTOPページにしました。

まぁ、そのうち誰かがどこかに書いてくれたらなと・・・

自分でも、時間あるときにやってみますけど・・・・

で、以下が設置方法です。

設置に使うEC-CUBE側のファイルは
【detail.php】
【footer.php】です。

【footer.php】に以下を追加

<!– Include ONCE for ALL buttons in the page –>
<script type=”text/javascript”>
(function() {
    window.PinIt = window.PinIt || { loaded:false };
    if (window.PinIt.loaded) return;
    window.PinIt.loaded = true;
    function async_load(){
        var s = document.createElement(“script”);
        s.type = “text/javascript”;
        s.async = true;
        s.src = “http://assets.pinterest.com/js/pinit.js“;
        var x = document.getElementsByTagName(“script”)[0];
        x.parentNode.insertBefore(s, x);
    }
    if (window.attachEvent)
        window.attachEvent(“onload”, async_load);
    else
        window.addEventListener(“load”, async_load, false);
})();
</script>

場所はちょうど最後。
<!–▲FOOTER–>の上あたり

 

 

【detail.php】に以下を追加

<a href=”http://pinterest.com/pin/create/button/?url=【貴方のTOPページのURL】&media=【貴方のTOPページのURL】<!–{$smarty.const.IMAGE_SAVE_URLPATH}–><!–{$arrProduct.main_large_image|h}–>&description=<!–{$arrProduct.name|h}–>” count-layout=”horizontal”>Pin It</a>

場所は私の場合は<div id=”undercolumn”>の下にしました。

 

誰かの役に立てればこれ幸いです。

ええ、自己責任で・・・・

PS:以下は問題の【id=1】とかがうまくいかなかった場合のcodeです。

 

<a href=”http://pinterest.com/pin/create/button/?url=【貴方のTOPページのURL】<!–{$smarty.const.P_DETAIL_URLPATH}–><!–{$arrProduct.product_id|u}–>&media=【貴方のTOPページのURL】<!–{$smarty.const.IMAGE_SAVE_URLPATH}–><!–{$arrProduct.main_large_image|h}–>&description=<!–{$arrProduct.name|h}–>” count-layout=”vertical”>Pin It</a>

 

 

 



なにかご意見があればコメントを書いて下さい。