バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > その他 > EC-CUBE3でJSファイルやFlashが効いていない件。

その他

新規スレッドを追加する

フラット表示 前のトピック | 次のトピック
投稿者 スレッド
shhirose
投稿日時: 2017/4/28 12:12
対応状況: −−−
一人前
登録日: 2014/4/24
居住地:
投稿: 94
Re: EC-CUBE3でJSファイルやFlashが効いていない件。
EC-CUBE での JavaScript の追加の仕方については以下の通りになります。

■ページで JavaScript を記載する場合
{% extends 'default_frame.twig' %}

{% block javascript %}
<script>
// ここに JavaScript を記載
// {% block javascript %} のブロックを記載すると、</body>の直前に記載してくれます。
</script>
{% endblock %}

{% block main %}
<!-- 表示したいコンテンツを記載 -->
{% endblock %}



■ブロックで JavaScript を記載する場合
<script type="javascript">
// ここに JavaScript を記載
</script>

ブロックでは{% block javascript %}は効きませんので注意してください。

多分ですが以下のようにされればよいかと思います。


■新規作成のブロック
<!-- ブロック内で JavaScript を $(fucntion(){}); などで呼び出さない場合は、予め必要なスクリプトをロードする -->
<script src="{{ app.config.front_urlpath }}/js/AC_RunActiveContent.js"></script>
<!-- 1.5.0 のjQuery も FLASH 表示に必要であれば読み込んでください -->

<section id="cnt_flash" class="clearfix">

<section class="flash_left">
<script type="text/javascript">
AC_FL_RunContent(
    'codebase',
    'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0',
    'width','768',
    'height','224',
    'src',
    'img/main',
    'quality',
    'high',
    'pluginspage',
    'http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash',
    'movie',img/main'
); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
        codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
        width="768"
        height="224">

	<param name="movie" value="{{ app.config.front_urlpath }}/img/main.swf" />
	<param name="quality" value="high" />
	<param name="wmode" value="transparent">
	<object src="{{ app.config.front_urlpath }}/img/main.swf" 
		quality="high" 
		pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
		type="application/x-shockwave-flash"
		width="768"
		height="224">
	</object>
</object>
</noscript>
</section>

</section>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script src="{{ app.config.front_urlpath }}/js/rollover.js"></script>

この2つのスクリプトはFLASHとは別だと思いますので、特定のページのみか全体で使用するかになるかと思います。

■特定のページ (トップページなど) のみの場合
{% extends 'default_frame.twig' %}

{% set body_class = 'front_page' %}

{% block javascript %}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script src="{{ app.config.front_urlpath }}/js/rollover.js"></script>
{% endblock %}

{% block main %}
<!-- メインコンテンツ -->
{% endblock %}



■全体の場合
新規に以下の内容を含むブロックを作成
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script src="{{ app.config.front_urlpath }}/js/rollover.js"></script>

ページ管理のトップページのレイアウト修正からフッターに作成したブロックを追加し、全ページに適応させます。
ただし、jQuery に関してはデフォルトで<head>タグ内で読み込んでいますので、バージョン違いによる重複が発生して、正常に動作しないかもしれません。


■default_frame.twig への修正について
src/Eccube/Resource/template/<template name>/default_frame.twig への記載はあまりおすすめはしません。
EC-CUBE 本体のバージョンアップが発生した際に誤って上書きしてしまう可能性があるからです。

あと、独自に作成したブロックには EC-CUBE のコピーライトは必要ないです。


----------------
株式会社ジインズ

パートナーページ http://www.ec-cube.net/integrate/partner/partner.php?partner_id=1325
会社URL http://www.jins.co.jp

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


題名 投稿者 日時
   EC-CUBE3でJSファイルやFlashが効いていない件。 ks-d-k 2017/4/27 23:37
     Re: EC-CUBE3でJSファイルやFlashが効いていない件。 umebius 2017/4/28 9:16
       Re: EC-CUBE3でJSファイルやFlashが効いていない件。 ks-d-k 2017/4/28 13:31
       Re: EC-CUBE3でJSファイルやFlashが効いていない件。 ks-d-k 2017/4/28 13:43
     Re: EC-CUBE3でJSファイルやFlashが効いていない件。 h_tanaka 2017/4/28 9:22
       Re: EC-CUBE3でJSファイルやFlashが効いていない件。 ks-d-k 2017/4/28 13:47
         Re: EC-CUBE3でJSファイルやFlashが効いていない件。 shhirose 2017/4/28 15:23
   » Re: EC-CUBE3でJSファイルやFlashが効いていない件。 shhirose 2017/4/28 12:12
       Re: EC-CUBE3でJSファイルやFlashが効いていない件。 ks-d-k 2017/4/28 15:21
         Re: EC-CUBE3でJSファイルやFlashが効いていない件。 ks-d-k 2017/4/28 18:43

 



ログイン


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

統計情報

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

投稿数ランキング

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.