在Magento中調用外部js和css

我嘗試將我的所有靜態內容移到CDN以提高Magento商店的性能。我可以成功地在頁面的頭部獲得我想要的腳本標記，但我無法弄清楚如何將它放在正確的位置。在Magento中調用外部js和css

下面的代碼在輸出的其餘部分下面輸出prototype.js腳本標記，所以它不起作用。基本上，我只想知道控制腳本元素順序的最佳方法。

這是在我的主題目錄中的page.xml佈局文件中。

<block type="page/html_head" name="head" as="head"> 
       <block type="core/text" name="cdn_prototype"> 
        <action method="setText"> 
         <text><![CDATA[<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js"></script>]]></text> 
        </action> 
       </block> 
       <action method="addJs" ifconfig="dev/js/deprecation"><script>prototype/deprecation.js</script></action> 
       <action method="addJs"><script>lib/ccard.js</script></action> 
       <action method="addJs"><script>prototype/validation.js</script></action> 
       <action method="addJs"><script>scriptaculous/builder.js</script></action> 
       <action method="addJs"><script>scriptaculous/effects.js</script></action> 
       <action method="addJs"><script>scriptaculous/dragdrop.js</script></action> 
       <action method="addJs"><script>scriptaculous/controls.js</script></action> 
       <action method="addJs"><script>scriptaculous/slider.js</script></action> 
       <action method="addJs"><script>varien/js.js</script></action> 
       <action method="addJs"><script>varien/form.js</script></action> 
       <action method="addJs"><script>mage/translate.js</script></action> 
       <action method="addJs"><script>mage/cookies.js</script></action> 
       <action method="addJs"><script>dvm/menu.js</script></action> 

       <block type="page/js_cookie" name="js_cookies" template="page/js/cookie.phtml"/> 

       <action method="addItem"><type>skin_js</type><name>js/scripts.js</name></action> 

       <action method="addCss"><stylesheet>css/styles.css</stylesheet></action> 
       <action method="addItem"><type>skin_css</type><name>css/styles-ie.css</name><params/><if>lt IE 8</if></action> 
       <action method="addItem"><type>skin_css</type><name>css/styles-ie-8.css</name><params/><if>lt IE 9</if></action> 
       <action method="addCss"><stylesheet>css/widgets.css</stylesheet></action> 
       <action method="addCss"><stylesheet>css/print.css</stylesheet><params>media="print"</params></action> 

       <action method="addItem"><type>js</type><name>lib/ds-sleight.js</name><params/><if>lt IE 7</if></action> 
       <action method="addItem"><type>skin_js</type><name>js/iehover-fix.js</name><params/><if>lt IE 7</if></action> 
      </block>

來源

2012-05-23 Chuck D

這是如何做到這一點：

<block type="core/text" name="google.maps"> 
    <action method="setText"> 
     <text><![CDATA[<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>]]></text> 
    </action> 
</block>

來源

2012-05-23 18:39:32

在Magento中調用外部js和css

回答

相關問題