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

我正在修改Magento主题。并且想要将一个js文件添加到主题/js文件夹中。我加入以下代码：如何添加/包含js文件到Magento主题

<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/。但没有运气。它没有显示在页面上。有人请帮我解决这个问题。谢谢。

来源

2014-09-29 psuparna

尝试增加如果要实现自定义代码（.js文件）以下到您的布局中<reference name="head">

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

来源

2014-09-29 05:44:56

请您告诉我们在哪里添加？要打开哪个文件。在哪里写？我们是否需要创建新文件或需要编辑的现有文件？什么名字给这个文件？ – 2015-01-30 10:11:36

你可以在“reference name ='head'内添加你的”layout.xml“文件” – 2015-02-11 04:26:24

请编辑问题并回答我提出的问题，因为答案将被许多新手使用。谢谢 – 2015-02-11 04:31:54

-3

.xml文件，请按照下列步骤操作：

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

来源

2014-09-29 05:47:42

“主题编辑器”在哪里？我找不到链接。 – psuparna 2014-09-29 06:20:23

添加此代码，

应用程序/设计/前端/ {} your_theme /default/template/page/html/header.phtml

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

并把定制-script.js文件在根目录下的js文件夹中。

FYI：这样你就可以在PHTML文件

来源

2014-09-29 05:51:33

您能否告诉我们在哪里添加它？要打开哪个文件。在哪里写？我们是否需要创建新文件或需要编辑的现有文件？什么名字给这个文件？ – 2015-01-30 10:12:08

@ jQuery.PHP.Magento.com看看这个app/design/frontend/{your_theme} /default/template/page/html/header.phtml。编辑这个文件 – 2015-01-30 10:16:42

尝试使用此代码添加任何的JS/CSS文件：

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

问候

来源

2014-09-30 02:25:45

如果你想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文件夹下。

来源

2015-03-30 06:41:31

不是试图指出错误，但是当你说我们相信你的意思是包括'js'这是什么问题时，人们可能会感到困惑:) 虽然很好的答案。帮助了我很多！ – 2016-08-22 00:27:08

放置layout.xml文件的位置？ – 2017-10-26 10:18:32

把它放到app/design/frontend/[package]/[theme]/layout。欲了解更多帮助，请与此http://magebase.com/magento-tutorials/demystifying-magentos-layout-xml-part-1/ – 2017-10-26 13:06:24

请试试这个，我认为这是将我们的js/css文件添加到负载的方式。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>

来源

2015-08-22 17:08:17 Pranob

如果你问我，最好的方法使用 – 2016-09-05 13:56:47

作品在js和css – 2016-09-05 13:57:04

我相信，如果你改变：

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

来源

2015-10-11 02:06:22 flippinroo2

您可以添加自定义的JS文件你的主题local.xml，位于：/应用程序/设计/前端/ {设计包}/{}主题/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>

来源

2015-11-27 14:02:51 bencergazda

最佳解决方案INSERT INTO local.xml文件，引用名称= “头”

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

来源

2016-08-02 10:19:23

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

回答

相关问题