adding custom js to magento cms page

Question

I would really like to use this on a single cms page in magento. For some reason it will not show the content. i allready tried several google answers without any succes.

Smartphone kopen link to page with script

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript">// <![CDATA[
mediaid=191156;subid='';entry=25;provider='0';duration=0;renewal=0;daisyconTelecomFilterView=1;col='1111111';programs='all';header='FFFFFF';background_price='E2F0FB';border='ECECEC';button_text='Bekijken';button_color='FF8300';button_hover='FF9E3D';button_textcolor='FFFFFF';font='Arial';slider='3694C7';minMob='0';maxMob='1000';minMin='100';maxMin='3000';minInt='200';maxInt='6000';minAb='0';maxAb='100';mobiles='all';
// ]]></script>
<script type="text/javascript" src="http://developers.affiliateprogramma.eu/mobielvergelijker/general.js"></script>
<script type="text/javascript" src="http://developers.affiliateprogramma.eu/mobielvergelijker/jquery.nouislider.min.js"></script>

where did you add this? In the content section of the cms page? — James
– James, Commented Mar 24, 2014 at 16:22

waldek_h · Accepted Answer · 2014-03-24 16:25:45Z

1

Edit your page, in design tab add

<reference name="head">
    <action method="addJs">
        <script>http://code.jquery.com/jquery-1.8.3.min.js</script>
    </action>
    <block type="core/text" name="custom.js" >
        <action method="setText">
            <text>// <![CDATA[mediaid=191156;subid='';entry=25;provider='0';duration=0;renewal=0;daisyconTelecomFilterView=1;col='1111111';programs='all';header='FFFFFF';background_price='E2F0FB';border='ECECEC';button_text='Bekijken';button_color='FF8300';button_hover='FF9E3D';button_textcolor='FFFFFF';font='Arial';slider='3694C7';minMob='0';maxMob='1000';minMin='100';maxMin='3000';minInt='200';maxInt='6000';minAb='0';maxAb='100';mobiles='all'; // ]]></text>
        </action>
    </block>
    <action method="addJs">
        <script>http://developers.affiliateprogramma.eu/mobielvergelijker/general.js</script>
    </action>
    <action method="addJs">
        <script>http://developers.affiliateprogramma.eu/mobielvergelijker/jquery.nouislider.min.js</script>
    </action>
</reference>

Sorry, now tested adn working code

edited Mar 24, 2014 at 16:25

answered Mar 24, 2014 at 16:00

waldek_h

9309 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

user5836 Over a year ago

That does not make it work, if i paste above in Layout Update XML on design tab there's still no script showing up

user5836 Over a year ago

Still not working after tested code, still got white page. pasted link in first post!

waldek_h Over a year ago

interesting, maybe it's cache issue, clear it for layouts and blocks output

user5836 Over a year ago

If you take a look at the link in first post u will see the script text above the header.

Ray Foss Over a year ago

This is perfect for the analytics experiments feature.

Collectives™ on Stack Overflow

adding custom js to magento cms page

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related