如何将 js 文件添加/包含到 Magento 主题中答案

【问题标题】：How to add/include js file into Magento theme如何将 js 文件添加/包含到 Magento 主题中
【发布时间】：2014-11-23 10:43:37
【问题描述】：

我正在修改一个 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/。但没有运气。它没有显示在页面上。

【问题讨论】：

标签： javascript magento

【解决方案1】：

尝试将以下内容添加到 <reference name="head"> 中的布局 .xml 文件中

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

【讨论】：

您能告诉我们在哪里添加它吗？为它打开哪个文件。在哪里写呢？我们需要创建新文件还是需要编辑现有文件？给这个文件起什么名字？
您可以在“reference name='head'”中添加到您的“layout.xml”文件中
请编辑问题并回答我提出的问题，因为答案将被许多新手使用。谢谢
我删除了 'js/' 部分，因为似乎我的 magento (1.9) 安装在添加这个时给出了 404。

【解决方案2】：

如果你想include javascript inthemethen put this code in你的模块的layout.xmlunderdefault`标签。

<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文件夹下。

【讨论】：

不是试图指出错误，但是当我相信你的意思是包括js 时，人们可能会感到困惑，因为你说包括css，这就是问题所在:) 很好的答案尽管。帮了我很多！
layout.xml 文件放在哪里？
放到app/design/frontend/[package]/[theme]/layout.如需更多帮助，请访问此magebase.com/magento-tutorials/…

【解决方案3】：

添加此代码，

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>

并将 custom-script.js 文件放在根目录的 js 文件夹中。

仅供参考：像这样，您可以在 phtml 文件上添加任何 js/css 文件

【讨论】：

您能告诉我们在哪里添加它吗？为它打开哪个文件。在哪里写呢？我们需要创建新文件还是需要编辑现有文件？给这个文件起什么名字？
@jQuery.PHP.Magento.com 看看这个 app/design/frontend/{your_theme}/default/template/page/html/header.phtml 。编辑此文件

【解决方案4】：

您可以在主题的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>

【讨论】：

【解决方案5】：

请试试这个，我认为这是将我们的 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>

【讨论】：

适用于 js 和 css

【解决方案6】：

我相信如果你改变：

<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 文件。

【讨论】：

【解决方案7】：

试试这段代码：

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

【讨论】：

【解决方案8】：

使用引用 name="head" 插入 local.xml 文件的最佳解决方案

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

【讨论】：

【解决方案9】：

如果您想实现自定义代码（.js 文件），请按照以下步骤操作：

从管理面板，转到设计 > 主题编辑器。
在您希望添加自定义脚本的主题下单击自定义。
单击左侧面板中的 Java 脚本编辑器以管理 JavaScript 资产。
单击浏览文件，从本地选择 JavaScript 文件驱动器，然后单击上传文件。

【讨论】：

“主题编辑器”在哪里？我找不到链接。