« 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="https://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>こんな感じになります。
役立ったら「いいね！」を押してもらえると嬉しいです。