Question

我正在修改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/。但没有运气。它没有显示在页面上。有人请帮我纠正这个。感谢。

Answer 1

尝试将以下内容添加到.xml

中的布局<reference name="head">文件中

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

Answer 2

如果您想include javascript in主题then put this code in您的模块的layout.xml under默认标记。

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

Answer 3

添加此代码，

应用/设计/前端/ {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 文件放在root上的 js 文件夹中。

FYI ：像这样你可以在phtml文件上添加任何js / css文件

Answer 4

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

Answer 5

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

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

Answer 7

尝试使用此代码：

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

此致

Answer 8

最佳解决方案插入local.xml文件，引用名称为＆＃34; head＆＃34;

＆＃13;

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

＆＃13;

Answer 9

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

在“管理”面板中，转到“设计”＆gt;主题编辑。
点击要添加自定义脚本的主题下的自定义。
单击左侧面板中的Java Script Editor以管理JavaScript 资产。
单击“浏览文件”，从本地选择JavaScript文件单击“驱动器”，然后单击“上载文件”。

如何在Magento主题中添加/包含js文件

9 个答案: