web-dev-qa-db-fra.com

Comment ajouter/inclure un fichier js dans un thème Magento

Je modifie un thème Magento. Et voulez ajouter un fichier js dans le dossier theme /js. J'ai ajouté le code suivant:

<action method="addItem"><type>skin_js</type><name>js/custom-script.js</name></action>

dans le /app/design/frontend/theme-name/default/layout/page.xml et publié le fichier js dans le /skin/frontend/theme-name/default/js/. Mais pas de chance. Il ne montre pas sur la page. Quelqu'un s'il vous plaît aidez-moi à rectifier cela. Merci.

javascriptmagentofrontend
10
psuparna

Essayez d’ajouter ce qui suit à votre fichier de présentation .xml dans <reference name="head">

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

Si vous souhaitez include javascript inthemethen put this code invotre tag layout.xmlunderdefault`.

<layout>  
 <default>
    <reference name="head">
        <action method="addJs">
            <script>custom-script.js</script>
        </action>
    </reference>
</default>
</layout>

Si vous voulez include javascript for any particular controller puis mettez ce code dans your module's layout.xml comme ci-dessous

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

Et mettez le fichier custom-script.js dans le dossier yourMagentoDirectory/js.

10
Ashwani Panwar

Vous pouvez ajouter votre fichier JS personnalisé dans le local.xml de votre thème, situé dans:/app/design/frontend/{design package}/{thème} /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>
3
bencergazda

Ajoutez ce code dans,

app/design/frontend/{your_theme} /default/template/page/html/header.phtml 

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

Et mettez custom-script.js fichier dans le dossier js à la racine.

FYI: Comme cela, vous pouvez ajouter n'importe quel fichier js/css sur des fichiers phtml

3
Vinod VT

S'il vous plaît essayez ceci, je pense que c'est le moyen d'ajouter nos fichiers js/css dans le fichier 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>
3
Pranob

Je crois que si vous changez:

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

cela devrait vous permettre d'accéder à un fichier javascript spécifique à un thème.

1
flippinroo2

Meilleure solution à insérer dans le fichier local.xml avec la référence name = "head"

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

0
Carlo_PHP

essayez avec ce code:

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

Cordialement

0
Giancarlo Morales