Ahora estas en: Inicio > Blog » Cómo Cambiar el Tema del Panel del Admin en Magento

Cómo Cambiar el Tema del Panel del Admin en Magento 16 abril 2010

Ahora con un ejemplo bien simple, veremos cómo crear y modificar varios archivos para personalizar un poco el tema del administrador (backend) sin alterar el original para no afectar las futuras actualizaciones de nuevas versiones de magento. Para ello, deberemos crear nuestro propio Paquete del Tema de Administrador.

Agregar un tema nuevo de adminhtml

Crearemos una carpeta nueva nombrada miTema en la ruta

Y crearemos una subcarpeta dentro como template para obtener una ruta de este tipo:

Sobrescribir en la Configuración de Magento

Lo único que se debe hacer es crear un archivo nuevo config.xml dentro de

Agregando el siguiente código dentro del archivo:

<?xml version="1.0" encoding="UTF-8"?>
<config>
    <modules>
        <MiEmpresa_Adminhtml>
            <version>0.1.1</version>
        </MiEmpresa_Adminhtml>
    </modules>
    <stores>
        <admin>
            <!-- override default admin design package and theme -->
            <design>
                <package>
                    <name>default</name>
                </package>
                <theme>
                    <default>miTema</default>
                </theme>
            </design>
        </admin>
    </stores>
</config>

Debemos avisarle a Magento acerca de este módulo nuevo en un archivo del tipo XML ubicandolo dentro de

Puedes nombrarlo con el nombre de tu empresa como MiEmpresa.xml y dentro copia/pega:

<?xml version="1.0" encoding="UTF-8"?>
<config>
    <modules>
        <MiEmpresa_Adminhtml>
	    <active>true</active>
            <codePool>local</codePool>
            <depends>
                <Mage_Adminhtml />
            </depends>
        </MiEmpresa_Adminhtml>
    </modules>
</config>

Cambiar el Archivo de Plantilla

Ahora sí estamos listos para personalizar el tema del administrador de Magento tal y como lo haríamos en el frontend, es decir, hay que copiar los archivos de las plantillas del tipo .phtml ubicados en:

dentro de tu propia carpeta de plantillas y cambia el contenido del archivo .phtml para ajustarlo a tus necesidades.

Por ejemplo, sí quieres cambiar el pie de página (footer) del administrador copia el archivo:

Dentro de

Y por ejemplo ir a esta sección:

<p class="bug-report">
    <a href="<?php echo $this->getBugreportUrl() ?>" id="footer_bug_tracking"><?php echo $this->__('Help Us Keep Magento Healthy - Report All Bugs') ?></a><br/>
    <?php echo $this->__('Interface Locale: %s', $this->getLanguageSelect()) ?>
</p>
<p class="legality">
    <a href="http://www.magentocommerce.com" id="footer_connect"><?php echo $this->__('Connect with the Magento Community') ?></a><br/>

Y modificarla como:

<p class="bug-report">
    <a href="<?php echo $this->getBugreportUrl() ?>" id="footer_bug_tracking"><?php echo $this->__('Help Us - Report All Bugs') ?></a><br/>
    <?php echo $this->__('Interface Locale: %s', $this->getLanguageSelect()) ?>
</p>
<p class="legality">
    <a href="http://www.miDominio.com" id="footer_connect"><?php echo $this->__('Connect with Us') ?></a><br/>

Y en este ejemplo estaríamos modificando la plantilla, es decir, estamos modificando la información que queremos que se muestre en el backend del footer.

Nota.- He cambiado el texto en ‘Help Us Keep Magento Healthy – Report All Bugs’, sólo hay que agregarlo en la traducción como se muestra en Cambiar texto en plantilla publicado en éste mismo blog.

Ahora, para modificar la apariencia, simplemente debemos crear un nuevo folder en:

Ahí agregar imágenes, modificar estilos CSS copiados del original, es decir, en esta parte se encuentra la superficie o careta del tema ¡y… listo!

Publicado en: Magento por David Gómez Becerril / Etiquetas: eCommerce, Magento, programación

Share

« ¿Qué es un tema en Magento? Corrección de Fotos Subexpuestas Parte 1 »