どうか教えて下さい！
| 質問 > その他 > facebook シェアボタン 「いいね！」ボタンの設置できた方いませんか？ |
その他
 |
| フラット表示 | 前のトピック | 次のトピック |
| 投稿者 | スレッド |
|---|---|
| yosako |
投稿日時: 2012/1/18 19:20
対応状況: −−−
|
一人前   登録日: 2011/12/3 居住地: 投稿: 101 |
Re: facebook シェアボタン 「いいね！」ボタンの設置できた方いませんか？ 私で分かる範囲で...以下のように変更します。
（１）テンプレートをHTML5化します。 site_frame.tplでDOCTYPEの宣言を変更 <!DOCTYPE html........-transitional.dtd"> を <!DOCTYPE html> に変更 （２）いいねボタンのHTML5ソースを取得して、detail.tplに追加 <!--▼CONTENTS-->の上あたりに挿入 <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> ※これは、site_frame.tplのbodyの後でも良い。 <!--★詳細メインコメント★--> <div class="main_comment"><!--{$arrProduct.main_comment|nl2br_html}--></div> の下あたりに挿入 <!--★Facebook いいねボタン★--> <div class="fb-like" data-href="<!--{$smarty.const.ROOT_URLPATH}-->products/detail.php?product_id=<!--{$tpl_product_id}-->" data-send="true" data-layout="button_count" data-width="100" data-show-faces="false"></div> これでボタンが表示されています。 更に、contents.cssで /* Facebook いいねボタン */ #detailrightbloc .fb-like { margin: 10px; } を追加して体裁を整えた方が良いかも。 |
| フラット表示 | 前のトピック | 次のトピック |
| 題名 | 投稿者 | 日時 |
|---|---|---|
 facebook シェアボタン 「いいね！」ボタンの設置できた方いませんか？ |
Leon | 2012/1/18 17:02 |
| » Re: facebook シェアボタン 「いいね！」ボタンの設置できた方いませんか？ |
yosako | 2012/1/18 19:20 |
| Re: facebook シェアボタン 「いいね！」ボタンの設置できた方いませんか？ |
Leon | 2012/1/28 11:01 |
| Re: facebook シェアボタン 「いいね！」ボタンの設置できた方いませんか？ |
yosako | 2012/1/29 17:22 |
