web-dev-qa-db-ja.com

Magentoテーマにjsファイルを追加/含める方法

Magentoテーマを変更しています。そして、テーマ/jsフォルダーにjsファイルを追加したい。次のコードを追加しました：

<action method="addItem"><type>skin_js</type><name>js/custom-script.js</name></action>

/app/design/frontend/theme-name/default/layout/page.xmlに追加し、jsファイルを/skin/frontend/theme-name/default/js/に公開しました。しかし、運はありません。ページに表示されていません。誰かがこれを修正するのを手伝ってください。ありがとう。

javascriptmagentofrontendmagento-1.x
10
psuparna

レイアウトに次を追加してください.xml内のファイル<reference name="head">

<action method="addJs">
    <script>js/custom-script.js</script>
</action>
14
Sunil Kumar

あなたがしたい場合は include javascript inテーマthen put this code inyourモジュールのlayout.xml underdefault`タグ。

<layout>  
 <default>
    <reference name="head">
        <action method="addJs">
            <script>custom-script.js</script>
        </action>
    </reference>
</default>
</layout>

あなたがしたい場合は include javascript for any particular controllerその後、このコードをyour module's layout.xml以下のように

<layout>  
<yourpackage_yourmodule_yourcontroller_action translate="label" module="yourpackage_yourmodule">       
    <reference name="head">
        <action method="addJs">
            <script>custom-script.js</script>
        </action>
    </reference>
</yourpackage_yourmodule_yourcontroller_action>
</layout>

そして、置きます custom-script.jsファイルyourMagentoDirectory/jsフォルダー。

10
Ashwani Panwar

次の場所にあるテーマのlocal.xmlにカスタムJSファイルを追加できます。/ app/design/frontend/{design package}/{theme} /layout/local.xml

 <?xml version="1.0"?>
 <layout version="0.1.0">
    <default>
       <reference name="head">
          <action method="addItem"><type>skin_js</type><name>js/script_name.js</name></action>
       </reference>
    </default>
 </layout>
4
bencergazda

このコードを追加し、

app/design/frontend/{your_theme} /default/template/page/html/header.phtml

<script type="text/javascript" src="<?php echo $this->getSkinUrl(); ?>js/custom-script.js"></script>

そして、ルート上のjsフォルダーにcustom-script.jsファイルを配置します。

[〜＃〜] fyi [〜＃〜]：このように、js/cssファイルをphtmlファイルに追加できます

4
Vinod VT

これを試してください、これはjs.cssファイルをload.xmlに追加する方法だと思います：

<layout>
  <default>
    <reference name="head">
        <action method="addItem">
            <type>skin_js</type>
            <name>js/jquery-1.11.0.min.js</name>
        </action>
    </reference>
  </default>
</layout>
3
Pranob

あなたが変わるなら私は信じます：

<action method="addItem"><type>skin_js</type><name>js/custom-script.js</name></action>

に

<action method="addItem"><type>skin_js</type><name>skin/frontend/{Theme Package Name}/{Theme Name}/js/custom-script.js</name></action>

これにより、テーマ固有のjavascriptファイルにアクセスできるようになります。

1
flippinroo2

参照name = "head"を使用してlocal.xmlファイルに挿入する最適なソリューション

<action method="addJs">
    <script>js/custom.js</script>
</action>
0
Carlo_PHP

このコードで試してください：

    <default>
        <reference name="head">
            <action method="addJs"><script>js/jquery/jquery-1.7.2.min.js</script></action>
        </reference>
    </default>

よろしく

0
Giancarlo Morales