質問 > フロント機能 > 可動式”TOPへ戻る”ボタンの設置方法 |
フロント機能
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
y-mika |
投稿日時: 2017/5/26 16:08
対応状況: 確認中
|
常連 登録日: 2017/5/9 居住地: 投稿: 60 |
可動式”TOPへ戻る”ボタンの設置方法 [EC-CUBE] 2.13.1
ページ右下に常に”TOPへ戻る”ボタンを表示させたいのですが、3.0系にあるようなプラグインは2.13系にはなさそうなので、可動式ページトップの実装方法を教えて頂きたいです。 jQuery等を使うことになるとは思いますが、以前スライドショー(BxSlider等)をiQueryを使って導入しようとしたところ上手くいかなかったので、ファイルの置き場所や読み込み方等、疑問だらけです。 ひとまず指針をお教え頂けたらと思います。 宜しくお願い致します。 |
468 |
投稿日時: 2017/6/2 11:13
対応状況: −−−
|
神 登録日: 2008/10/26 居住地: 投稿: 3217 |
Re: 可動式”TOPへ戻る”ボタンの設置方法 もしかしたら、失礼な質問かもしれませんが、
まず、ECCUBEに組み込む前にHTML5やJavascript、JQueryの知識が必要かと思いますが、その点は問題無いでしょうか? (例えば、ただのHTMLページを作る場合にご自身でTOPへ戻るボタンを組み込む事は出来ますか?) あと、ご利用予定のjsファイル等は決まっていますか? ECCUBE2.13系の仕組みでは、 jsファイルは、/html/user_data/packages/default/js/に設置 cssファイルは、/html/user_data/packages/default/css/に設置 /data/Smarty/templates/default/site_frame.tpl内の<header></header>の間にjsとcssを読み込むタグの追加 ↓以下のように書くと<!--{$TPL_URLPATH}-->が/html/user_data/packages/default/までのパスになります。 <link rel="stylesheet" href="<!--{$TPL_URLPATH}-->css/import.css" type="text/css" media="all" /> <body></body>内に<div>などタグを書き加える必要があれば、 /data/Smarty/templates/default/site_main.tplなどに書き込めば良いかと思います。 ページロード時の処理などは利用されるjsファイルによっても書き方が変わってくると思いますので、 そのjsファイルに合わせて、上記のtplファイルを編集していけば 配置できると思います。 スマホの場合は、上記パスの「default」の部分が「sphone」に変わりますのでご注意ください。
|
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |