Magento에서 외부 js 및 css 호출

Question

Magento 저장소의 성능을 향상 시키려면 모든 정적 컨텐츠를 CDN으로 이동하려고합니다. 페이지의 머리에서 원하는 스크립트 태그를 성공적으로 가져올 수 있지만 올바른 위치에 삽입하는 방법을 알 수 없습니다.

아래 코드는 나머지 출력 아래에 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> 

Answer 1

이 그것을 수행하는 방법입니다 :

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