Respostas:
Você pode classificar a ordem de skin
ou js
arquivos em layout.xml usando o elemento params com um atributo nome como esta resposta explica: -
<action method="addJs"><!-- this will be shown second -->
<script>prototype/javascript1.js</script>
<params><![CDATA[name="js002_second"]]></params>
</action>
<action method="addJs"><!-- this will be shown first -->
<script>prototype/javascript2.js</script>
<params><![CDATA[name="js001_first"]]></params>
</action>
<params><![CDATA[name="zjs_last"]]></params>
e veja o que acontece (não tenho 100% de certeza). Relate se isso não carregar depois de todos os outros.
Eu não acho que você possa especificar uma ordem de classificação para os arquivos js adicionados (aparentemente, você pode ver a resposta fornecida por @zigojacko), mas acho que você pode fazê-lo de maneira um pouco diferente, compre adicionando um bloco filho ao head
bloco.
Todos os filhos do head
bloco são renderizados após os elementos js e css.
Aqui está o que você precisa.
Adicione isso a um dos seus arquivos de layout.
<reference name="head">
<block type="core/template" name="fancy" as="fancy" template="fancybox/fancybox.phtml" />
</reference>
Em seguida, crie o arquivo app/design/frontend/{package}/{theme}/template/fancybox/fancybox.phtml
com o seguinte conteúdo.
<script type="text/javascript" src="<?php echo Mage::getBaseUrl('js').'/fancybox.js'?>"></script>
Sei que essa pergunta é antiga, mas aqui está uma maneira simples de solicitar seus arquivos de ativos usando um módulo personalizado simples (testado):
crio
app/etc/modules/Company_ReorderAssets.xml
e insira:
<?xml version="1.0"?>
<config>
<modules>
<Company_ReorderAssets>
<active>true</active>
<codePool>local</codePool>
</Company_ReorderAssets>
</modules>
</config>
crie app/code/local/Company/ReorderAssets/etc/config.xml
e insira:
<?xml version="1.0"?>
<config>
<modules>
<Company_ReorderAssets>
<version>1.0.0</version>
</Company_ReorderAssets>
</modules>
<global>
<blocks>
<class>Company_ReorderAssets_Block</class>
<page>
<rewrite>
<html_head>Company_ReorderAssets_Block_Page_Html_Head</html_head>
</rewrite>
</page>
</blocks>
</global>
</config>
crie ReorderAssets/Block/Page/Html/Head.php
e insira:
<?php
class Company_ReorderAssets_Block_Page_Html_Head extends Mage_Page_Block_Html_Head {
public function addItemFirst($type, $name, $params = null, $if = null, $cond = null) {
if ($type === 'skin_css' && empty($params)) {
$params = 'media="all"';
}
$firstElement = array();
$firstElement[$type . '/' . $name] = array(
'type' => $type,
'name' => $name,
'params' => $params,
'if' => $if,
'cond' => $cond,
);
$this->_data['items'] = array_merge($firstElement, $this->_data['items']);
return $this;
}
public function addItemAfter($after, $type, $name, $params = null, $if = null, $cond = null) {
if ($type === 'skin_css' && empty($params)) {
$params = 'media="all"';
}
$firstElement = array();
$firstElement[$type . '/' . $name] = array(
'type' => $type,
'name' => $name,
'params' => $params,
'if' => $if,
'cond' => $cond,
);
if (array_key_exists($after, $this->_data['items'])){
$pos = 1;
foreach ($this->_data['items'] as $key => $options){
if ($key == $after) :
break;
endif;
$pos +=1;
}
array_splice($this->_data['items'], $pos, 0, $firstElement);
}
return $this;
}
}
Aqui, criamos nossas funções addItemFirst
e addItemAfter
que podem ser usadas assim (dentro de qualquer layout.xml).
Exemplo de layout.xml:
<?xml version="1.0"?>
<layout version="0.1.0">
<default>
<reference name="head">
<action method="addItemFirst"><type>skin_js</type><script>js/jquery.js</script></action>
<action method="addItemAfter">
<after>skin_js/js/jquery.js</after>
<type>skin_js</type>
<script>custom_folder/javascript.js</script>
</action>
<action method="addItemAfter">
<after>skin_js/js/jquery.js</after>
<type>skin_js</type>
<script>custom_folder/another_javascript.js</script>
</action>
</reference>
</default>
</layout>
Observe os skin_js dentro do seu caminho.
Agradecimentos especiais a Koncz Szabolcs.