バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > 可動式”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」に変わりますのでご注意ください。


----------------
株式会社シロハチ
■ECCUBE2系、3系構築カスタマイズご相談ください。
EC-CUBE3マニュアル
blog

スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

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

投稿数ランキング

1
seasoft
7365
2
468
3217
3
AMUAMU
2712
4
nanasess
2303
5
umebius
2085
6
yuh
1818
7
h_tanaka
1610
8
red
1568
9
mcontact
1240
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
796
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.