バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > 可動式”TOPへ戻る”ボタンの設置方法

フロント機能

新規スレッドを追加する

フラット表示 前のトピック | 次のトピック
投稿者 スレッド
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

フラット表示 前のトピック | 次のトピック


題名 投稿者 日時
   可動式”TOPへ戻る”ボタンの設置方法 y-mika 2017/5/26 16:08
   » Re: 可動式”TOPへ戻る”ボタンの設置方法 468 2017/6/2 11:13

 



ログイン


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

統計情報

総メンバー数は89,237名です
総投稿数は110,055件です

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2314
5
umebius
2085
6
yuh
1819
7
h_tanaka
1651
8
red
1570
9
mcontact
1299
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.