Magento 2 – How to Add Custom JS in Head

headjavascriptlayoutmagento2magento2-dev-beta

I have custom module. I want add file my.js in folder app\code\Xanka\Slider\view\frontend\web\js\slider\my.js.
I used code in app\code\Xanka\Slider\view\frontend\layout\default.xml

<head>
    <title>My Slideshow</title> 
    <script src="Xanka_Slider::js/slider/jquery.themepunch.plugins.min.js"/>        
</head>

is not true.

Best Answer

if want to add js file then try this

 <head>
        <link src="Xanka_Slider::js/slider/jquery.themepunch.plugins.min.js"/>
    </head>

Here instead of use using

Related Solutions

Magento – How do add css, js in customview.phtml in view magento2

You can add CSS file as following way for your custom module.

Open you layout file e.g. modulename_index_view.xml and following code in <head>

<head>        
        <css src="Test_New::css/my.css"/>
</head>

to add custom module JS file you can use standard way as mentioned with below link.

How to load custom module js file in magento 2?

My suggestion (Optional)

You can use the standard way of Magento 2 to call css and js rather than Call CSS and JS files directly into layout file.

You can call JS using requirejs module. (You can maintain dependency of code.)

You may call css file using _module.less just put it under app\code\<Vendor>\<ModuleName>\view\frontend\web\css\source. So It will call automatically as well as _module.less will compile by grunt tool and converted into your theme or module css

Magento 1.9 – Adding New Facebook Pixel to

I would look at using google tag manager to handle this so when the script changes or you want to add more scripts to the site its all done in the one place.

If you still want to add the script yourself you should not use a js file and create a block instead:

<?xml version="1.0"?>
  <layout version="0.1.0">
    <default>
      <reference name="content">
        <block type="core/template" name="facebook.pixel" as="facebook.pixel" template="page/facebook-pixel.phtml" />
      </reference>
    </default>
  </layout>

and then in skin/frontend/{package}/{theme}/js/facebook.js add your js code.

Best Answer

Related Solutions

Magento – How do add css, js in customview.phtml in view magento2

Magento 1.9 – Adding New Facebook Pixel to

Related Topic