« 2011年05月 | メイン | 2011年11月 »

2011年06月28日

Zencartの商品詳細ページにFacebookのいいね!ボタンを設置

Zencatの商品個別ページに、その商品に関して「いいね!」と言ってもらえるボタンの設置方法です。

Facebookのページで発行されるHTMLコードでは、指定した一つのURLに対して「いいね!」と言うボタンになるので、ショッピングカートで各商品URLに対して「いいね!」を押してもらうことが出来ません。

そこで、zencartのテンプレートで自動的にURLを指定してボタンを表示できないかと探していたのですが、日本語サイトでテンプレートのいじり方を書いてるサイトが見つからなかったので、メモしておきます。

設置する際に修正するテンプレートは、
デフォルトのままなら、
/includes/templates/template_default/template/
カスタムテンプレートなら、
/includes/templates/使ってるフォルダ名/template/
の中の、
tpl_product_info_display.php
です。

このファイルのボタンを表示させたいところに、
まず、こちらのページからFacebookボタンを好きなデザインでHTMLを取得し、
URLに該当する箇所を

<?php echo zen_href_link(zen_get_info_page((int)$_GET['products_id']),'cPath= '.(int)$_GET['cPath'].' &products_id=' . (int)$_GET['products_id']); ?>

に差し替えれば表示されます。


ボタンだけのいいねボタンの場合は、

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo zen_href_link(zen_get_info_page((int)$_GET['products_id']),'cPath= '.(int)$_GET['cPath'].' &products_id=' . (int)$_GET['products_id']); ?>&send=false&layout=button_count&width=200&show_faces=false&action=like&colorscheme=light&font&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:21px;" allowTransparency="true"></iframe>

こんな感じになります。

役立ったら「いいね!」を押してもらえると嬉しいです。

投稿者 yossy : 15:25 | コメント (0) | トラックバック