Как добавить/включить js файл в тему Magento

Я изменяю тему 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/. Но не повезло. Он не отображается на странице. Кто-то, пожалуйста, помогите мне исправить это. Спасибо.

Ответ 1

Попробуйте добавить следующее к вашему файлу .xml в <reference name="head">

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

Ответ 2

Если вы хотите include javascript in theme then put this code in тэг вашего модуля layout.xml under default.

<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 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.

Ответ 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 в папку js для root.

FYI: подобно этому вы можете добавить любой файл js/css в файлы phtml

Ответ 4

Вы можете добавить свой собственный JS файл в тему local.xml, расположенную в: /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>

Ответ 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

Лучшее решение вставить в файл local.xml со ссылкой name= "head"

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

Ответ 9

Если вы хотите реализовать собственный код (файл .js), выполните следующие действия:

  • На панели администратора откройте "Дизайн" > "Редактор тем".

  • Нажмите "Настроить" в теме, которую вы хотите добавить пользовательский script в.

  • Нажмите "Редактор Java script" на левой панели, чтобы управлять JavaScript. активов.

  • Нажмите "Обзор файлов", выберите файл JavaScript из локального диск, а затем нажмите "Загрузить файлы".