バージョン選択

フォーラム

メニュー

オンライン状況

64 人のユーザが現在オンラインです。 (54 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 64
もっと...

サイト内検索

質問 > その他 > 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/
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は88,850名です
総投稿数は109,989件です

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2313
5
umebius
2085
6
yuh
1819
7
h_tanaka
1646
8
red
1570
9
mcontact
1291
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
799
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.