PinterestのボタンをEC-CUBEに設置する方法
前回の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>