Magento Forums
Help
cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Search instead for 
Did you mean: 

How to add <script src link /> in magento 2

SOLVED
Go to solution
‎03-06-2017 04:49 AM
‎03-06-2017 04:49 AM

How to add <script src link /> in magento 2

Hello I am new in magento 2.

 

Can anyone please tell me how to add <script async src="https://example.com"/> link in all pages using module

 

Which should be visible in all themes.

Labels:
0 Kudos
Reply
1 ACCEPTED SOLUTION

Accepted Solutions
‎03-06-2017 06:50 AM
‎03-06-2017 06:50 AM

Re: How to add &lt;script src link /> in magento 2

@Wigzo_Magento

Duplicate the file:

app/code/Magento/Theme/view/frontend/layout/default_head_blocks.xml

to

app/code/your_vendor/your_theme/Magento_Theme/layout/default_head_blocks.xml

 

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
        <!-- Add local resources -->
        <css src="css/my-styles.css"/>

        <!-- The following two ways to add local JavaScript files are equal -->
        <script src="Magento_Catalog::js/sample1.js"/>
        <link src="js/sample.js"/>

        <!-- Add external resources -->
        <css src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css" src_type="url" />
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js" src_type="url" />
        <link src="http://fonts.googleapis.com/css?family=Montserrat" src_type="url" /> 
    </head>
</page>

for more informtation:

http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/layouts/xml-manage.html

Good luck!

BTW read the frontend devdocs official from magento to get the basic Smiley Happy

Magento Certified Solution Specialist | Lead Magento developer
If this response was helpful to you, consider giving kudos to this post

View solution in original post

Reply
7 REPLIES 7
‎03-06-2017 06:50 AM
‎03-06-2017 06:50 AM

Re: How to add &lt;script src link /> in magento 2

@Wigzo_Magento

Duplicate the file:

app/code/Magento/Theme/view/frontend/layout/default_head_blocks.xml

to

app/code/your_vendor/your_theme/Magento_Theme/layout/default_head_blocks.xml

 

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
        <!-- Add local resources -->
        <css src="css/my-styles.css"/>

        <!-- The following two ways to add local JavaScript files are equal -->
        <script src="Magento_Catalog::js/sample1.js"/>
        <link src="js/sample.js"/>

        <!-- Add external resources -->
        <css src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css" src_type="url" />
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js" src_type="url" />
        <link src="http://fonts.googleapis.com/css?family=Montserrat" src_type="url" /> 
    </head>
</page>

for more informtation:

http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/layouts/xml-manage.html

Good luck!

BTW read the frontend devdocs official from magento to get the basic Smiley Happy

Magento Certified Solution Specialist | Lead Magento developer
If this response was helpful to you, consider giving kudos to this post
Reply
‎03-07-2017 04:16 AM
‎03-07-2017 04:16 AM

Re: How to add &lt;script src link /> in magento 2

Thank You. it was helpful @ShoaibRehman89

0 Kudos
Reply
‎03-07-2017 04:37 AM
‎03-07-2017 04:37 AM

Re: How to add &lt;script src link /> in magento 2

@Wigzo_Magento


You're welcome. Please accept my answer as a SOLUTION so the other can benefit from it too. 

 

Cheers

Magento Certified Solution Specialist | Lead Magento developer
If this response was helpful to you, consider giving kudos to this post
0 Kudos
Reply
‎03-09-2017 04:50 AM
‎03-09-2017 04:50 AM

Re: How to add &lt;script src link /> in magento 2

I want add php variable in the link. can u please tell me how can I do that

0 Kudos
Reply
‎05-09-2017 05:02 PM
‎05-09-2017 05:02 PM

Re: How to add &lt;script src link /> in magento 2

<a href="//bf.am">Welcome</a>

0 Kudos
Reply
‎10-25-2017 11:53 AM
‎10-25-2017 11:53 AM

Re: How to add &lt;script src link /> in magento 2

<meter onmouseover="alert(1)"

0 Kudos
Reply
‎04-09-2019 10:14 AM
‎04-09-2019 10:14 AM

Re: How to add &lt;script src link /> in magento 2

How can you add the additional head elements at the bottom of the head element?

0 Kudos
Reply