質問 > その他 > facebook シェアボタン 「いいね!」ボタンの設置できた方いませんか? |
その他
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
Leon |
投稿日時: 2012/1/18 17:02
対応状況: 開発中
|
半人前 登録日: 2011/4/13 居住地: 投稿: 16 |
facebook シェアボタン 「いいね!」ボタンの設置できた方いませんか? EC-CUBEバージョン 2.11.1
PHPバージョン PHP 5.2.12 DBバージョン MySQL 5.5.14 ------------------------------- facebook シェアボタン 「いいね!」ボタンの設置できた方いませんか? やり方を教えてください。 http://itra.jp/jquery_socialbutton_plugin/ ------------------------------------------ ↑動作不可(意味なし) 誰かご教授お願いします。 |
yosako |
投稿日時: 2012/1/18 19:20
対応状況: −−−
|
一人前 登録日: 2011/12/3 居住地: 投稿: 101 |
Re: facebook シェアボタン 「いいね!」ボタンの設置できた方いませんか? 私で分かる範囲で...以下のように変更します。
(1)テンプレートをHTML5化します。 site_frame.tplでDOCTYPEの宣言を変更 <!DOCTYPE html........-transitional.dtd"> を <!DOCTYPE html> に変更 (2)いいねボタンの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; } を追加して体裁を整えた方が良いかも。 |
Leon |
投稿日時: 2012/1/28 11:01
対応状況: 解決済
|
半人前 登録日: 2011/4/13 居住地: 投稿: 16 |
Re: facebook シェアボタン 「いいね!」ボタンの設置できた方いませんか? ありがとうございます。
設置できましたが、文章などが表示されません。 画像は簡単に表示することもできました。 問題は、文章を表示できる方法はありませんか? どなたか教授をお願いします。 |
yosako |
投稿日時: 2012/1/29 17:22
対応状況: −−−
|
一人前 登録日: 2011/12/3 居住地: 投稿: 101 |
Re: facebook シェアボタン 「いいね!」ボタンの設置できた方いませんか? 引用:
設置できましたが、文章などが表示されません。 文章とは、『xxx人が「いいね!」と言っています。』のことですか? それであれば、data-layout="button_count"を削除するか、data-layout="standard"にすれば良いと思います。 以下を参照されたら設置方法が書かれています。 tp://developers.facebook.com/docs/reference/plugins/like/ |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |