如何添加/包含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主題

回答

相關問題