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

2lpgd968  于 2022-11-12  发布在  其他
关注(0)|答案(9)|浏览(121)

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

mbyulnm0

mbyulnm01#

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

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

8iwquhpp2#

如果你想给你的模块的layout.xml默认标签添加主题。

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

isr3a4wc

isr3a4wc3#

将此代码添加到,

应用程序/设计/前端/{您的主题}/默认/模板/页面/html/header.phtml

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

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

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

ztigrdn8

ztigrdn84#

您可以将自定义JS文件添加到主题的local.xml中,该文件位于:/应用程序/设计/前端/{设计包}/{主题}/布局/本地.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>
35g0bw71

35g0bw715#

请尝试以下方法,我认为这是将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>
rslzwgfq

rslzwgfq6#

我相信如果你改变:

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

t1rydlwq

t1rydlwq7#

请尝试以下代码:

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

tvmytwxo8#

最佳解决方案插入到local.xml文件中,引用名称=“head”

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

cbjzeqam9#

如果要实现自定义代码(一个.js文件),请按照下列步骤操作:

  • 在“管理”面板中,转至“设计”〉“主题编辑器”。
  • 在您要添加自定义脚本的主题下单击“自定义”。
  • 按一下左面板中的“Java Script编辑器”,以管理JavaScript资源。
  • 单击“浏览文件”,从本地驱动器中选择JavaScript文件,然后单击“上载文件”。

相关问题