атрибут HTML в Magento

Question

Я хотел бы попробовать вставить "асинхронный" атрибут в Prototype JavaScript script тега в Magento 1.9.1:

<script type="text/javascript" src="http://www.mywebsite.com/media/js/ec1651c8b1a4ea49a916679f1e120ccf.js"></script> 

Я бы этот результат:

<script type="text/javascript" src="http://www.mywebsite.com/media/js/ec1651c8b1a4ea49a916679f1e120ccf.js" async></script> 

Где мне нужно вставить «async»? Что такое файл с этим кодом? Thanks

Answer 1

Посмотрите на файл app/design/frontend/<yourlayout>/<yourtheme>/layout/page.xml (или скопируйте app/design/frontend/base/default/layout/page.xml в свою тему).

Внутри этого файла, поиск по следующим направлениям:

<!-- ... --> 
<block type="page/html_head" name="head" as="head"> 
    <action method="addJs"><script>prototype/prototype.js</script></action> 
    <!-- ... --> 
</block> 
<!-- ... --> 

И изменить addJs призывам:

<!-- ... --> 
<block type="page/html_head" name="head" as="head"> 
    <action method="addJs"><script>prototype/prototype.js</script><params>async</params></action> 
    <!-- ... --> 
</block> 
<!-- ... --> 

Как ваши используют слияние Javascript особенность Magento, вам нужно применить это измените каждое определение addJs, потому что Magento будет группировать файлы по params.

Answer 2

Вы делаете небольшую ошибку. Это на самом деле правильный ответ на вопрос выше.

<!-- ... --> 
 
<block type="page/html_head" name="head" as="head"> 
 
    <action method="addJs"><script>prototype/prototype.js</script><params>async="async"</params></action> 
 
    <!-- ... --> 
 
</block> 
 
<!-- ... -->