バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > javaScriptのコードを書く場所を教えてください。

フロント機能

新規スレッドを追加する

フラット表示 前のトピック | 次のトピック
投稿者 スレッド
kss
投稿日時: 2021/11/11 8:32
対応状況: −−−
半人前
登録日: 2020/2/12
居住地:
投稿: 18
Re: javaScriptのコードを書く場所を教えてください。
ユーザーが独自に追加するためのJavaScriptのファイルは
html/user_data/assets/js/customize.js
かと思います。

管理画面からは、
コンテンツ管理 > JavaScript管理
で編集できます。

このjsファイルは全ページ共通のファイルですが、特定のページでのみ実行したい処理を書きたいのであれば、ECCUBE4の場合はbodyタグにページごとのidが振られているので、そのidでフィルタリングすることで実現できます。

例えば、お問い合わせページにのみ反映させたい処理の例としては

if(document.querySelector('body#page_contact')) {
  document.querySelector('body').insertAdjacentHTML('afterbegin',
    `<div style='position:sticky;top:0;background-color:cyan;z-index:10000'>このページはお問い合わせページです</div>`);
}


こんな感じに書くことができます。
フラット表示 前のトピック | 次のトピック


題名 投稿者 日時
   javaScriptのコードを書く場所を教えてください。 fffggg 2021/11/11 0:23
     Re: javaScriptのコードを書く場所を教えてください。 umebius 2021/11/11 5:38
   » Re: javaScriptのコードを書く場所を教えてください。 kss 2021/11/11 8:32

 



ログイン


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

統計情報

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

投稿数ランキング

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
1295
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.