バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

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

その他

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
ks-d-k
投稿日時: 2017/4/27 23:37
対応状況: 確認中
半人前
登録日: 2010/11/15
居住地: 鹿児島
投稿: 24
EC-CUBE3でJSファイルやFlashが効いていない件。
[EC-CUBE] 3.0.14
[レンタルサーバ] heteml
[OS] Windows7
[PHP] 5.4.45
[データベース] MySQL 5.6.13
[WEBサーバ] Apache
[ブラウザ] Firefox GoogleChrome
[導入プラグインの有無] 無
[カスタマイズの有無] 無

[現象]
お疲れ様です。
今回、EC-CUBEの最新版を使ってデザインをコーディングしておりますが、CSSやJSファイル、そしてFLASHを使用しなくてはならないのですが、これをどうすればいいのだろうかと、書籍やネットにて良い方法を探しております。

その中で、/src/Eccube/Resource/template/○○/default_frame.twigファイルでCSSやJSを書き換えることが出来るとあったのでまず以下の通りに入力しましたが、動きなし...


<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>
<script src="{{ app.config.front_urlpath }}/js/AC_RunActiveContent.js"></script>


そして、flashはブロック化して、コーディングしましたが、これまた効いていません。
申しわけありませんが、ご教授いただけると幸いです。


{#
This file is part of EC-CUBE

Copyright(c) 2000-2015 LOCKON CO.,LTD. All Rights Reserved.

http://www.lockon.co.jp/

This program is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License
as published by the Free Software Foundation; either version 2
of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
#}
<section id="cnt_flash" class="clearfix">

<section class="flash_left">
{% block javascript %}
	<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>
{% endblock %}
</section>

</section>
umebius
投稿日時: 2017/4/28 9:16
対応状況: −−−
登録日: 2016/7/22
居住地:
投稿: 2085
Re: EC-CUBE3でJSファイルやFlashが効いていない件。
管理画面のコンテンツ管理からキャッシュ削除してもダメですか?


ブラウザのソースコードを見る機能でみると該当箇所は出力されていますか?


----------------
EC-CUBEカスタマイズ・高速化・脆弱性対策・SEO ご相談ください。

2系・3系から4系へのバージョンアップ実績豊富

h_tanaka
投稿日時: 2017/4/28 9:22
対応状況: −−−
登録日: 2016/7/22
居住地: 愛媛県
投稿: 1610
Re: EC-CUBE3でJSファイルやFlashが効いていない件。
管理ページならadmin、フロントページならdefaultディレクトリ配下の
default_frame.twig にてjsやcssを読み込めば利用できるはずです。
変更したらコンテンツ管理 > キャッシュ管理でキャッシュを削除してください。


----------------
EC-CUBE 《プラチナ》ランクパートナー
トエビス株式会社 田中 宏典
EC-CUBEの機能やデザインのカスタマイズ承ります。

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

ks-d-k
投稿日時: 2017/4/28 13:31
対応状況: −−−
半人前
登録日: 2010/11/15
居住地: 鹿児島
投稿: 24
Re: EC-CUBE3でJSファイルやFlashが効いていない件。
ありがとうございます。
JSファイルはブロックの中にソースを入れ込んで、head内に組み込みましたので、JSは表示されるようになりました。

後はflashが動作しなくていろいろ考えております。
ks-d-k
投稿日時: 2017/4/28 13:43
対応状況: −−−
半人前
登録日: 2010/11/15
居住地: 鹿児島
投稿: 24
Re: EC-CUBE3でJSファイルやFlashが効いていない件。
ありがとうございます。
JSファイルはブロックの中にソースを入れ込んで、head内に組み込みましたので、JSは表示されるようになりました。

後はflashが動作しなくていろいろ考えております。
ks-d-k
投稿日時: 2017/4/28 13:47
対応状況: −−−
半人前
登録日: 2010/11/15
居住地: 鹿児島
投稿: 24
Re: EC-CUBE3でJSファイルやFlashが効いていない件。
ありがとうございます。
default_frame.twigで何度も書き込みしてみたのですが、ソースで確認しても表示されませんでしたので、ブロックにしてJSやCSSソースを入れ込んで、head内に組み込んだら表示されるようになりました。
ks-d-k
投稿日時: 2017/4/28 15:21
対応状況: −−−
半人前
登録日: 2010/11/15
居住地: 鹿児島
投稿: 24
Re: EC-CUBE3でJSファイルやFlashが効いていない件。
ありがとうございます。
かなり分かりやすく教えていただき、感謝します。

Jsファイルはブロックに入れ込んで、head内に置きました。
FLASHもfirebugで確認してもJSがしっかり当たっているのですが、以下のようなソースがスクリプトで出力されているので、表示されない状態です。


<embed src="img/main.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" height="224" width="768">


html側では、embedがobujectに書き換えているのですが、これはAC_RunActiveContent.jsの関係なのでしょうか?

すみませんが、宜しくお願いいたします。

shhirose
投稿日時: 2017/4/28 15:23
対応状況: −−−
一人前
登録日: 2014/4/24
居住地:
投稿: 94
Re: EC-CUBE3でJSファイルやFlashが効いていない件。
default_frame.twig に直接書き込んだ場合は、管理画面からキャッシュのクリアをしなければ反映されません。

twig ファイルは内部で PHP ファイルに変換され、その PHP ファイルを使用して HTML を表示しているためです。
よって、管理画面以外から twig を編集した場合は、管理画面の [コンテンツ管理] > [キャッシュ管理] からキャッシュを削除してください。

または、index_dev.php を使用してデバックモードで動作させればキャッシュを生成しません。


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

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

ks-d-k
投稿日時: 2017/4/28 18:43
対応状況: 解決済
半人前
登録日: 2010/11/15
居住地: 鹿児島
投稿: 24
Re: EC-CUBE3でJSファイルやFlashが効いていない件。
フラッシュも無事表示する事ができました。
Javascriptには頼らず、以下の通りのソースを作成して、ブロックに入れ込みいたしました。



<section class="flash_left"> 
<embed src="{{ app.config.front_urlpath }}/img/main.swf" quality="high" bgcolor="#0000aa" wmode="transparent" width="768" height="224" /></embed>
</section>



皆様方、ご協力誠にありがとうございました。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

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

投稿数ランキング

1
seasoft
7365
2
468
3217
3
AMUAMU
2712
4
nanasess
2303
5
umebius
2085
6
yuh
1818
7
h_tanaka
1610
8
red
1567
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.