Inicio > Magento > Crear dos plantillas cabeceras diferentes en Magento

Crear dos plantillas cabeceras diferentes en Magento

Si queremos tener dos cabeceras, una para la Home y otra para el interior lo primero que deberemos es tener dos templates diferentes asignados desde el administrador. Por ejemplo la Page-home se le asigna el 2colums y para el interior el 3colums.

Una vez tenemos una plantilla para cada sección pasaremos a duplicar la cabecera (header) con el fin de crear un nuevo diseño.

1. Paso uno, duplicaremos la plantilla de cabecera, copiando el archivo header.phtml y pegandolo como header2.html

/app/design/frontend/default/blank/template/page/html/

2. Paso dos daremos de alta el header 2 en el siguiente archivo.

/app/design/frontend/default/blank/layout/template/page.xml

Añadimos el siguiente codigo, que es la copia del original cambiandole nombre y tipo.

<block type=”page/html_header2″ name=”header2″ as=”header2″></block>

3. Paso tres duplicar el bloque copiando Header.php aHeader2.php
app/code/core/Mage/Page/Blog/Html/

4.Paso cuarto modificaremos el Bloque de la plantilla editando Header2.php :

class Mage_Page_Block_Html_Header extends Mage_Core_Block_Template
{
public function _construct()
{
$this->setTemplate(’page/html/header.phtml’);
}

Cambiarlo por:

class Mage_Page_Block_Html_Header2 extends Mage_Core_Block_Template
{
public function _construct()
{
$this->setTemplate(’page/html/header2.phtml’);
}

5. Paso quinto modificaremos la llamada desde la plantilla, en este caso desde 3columns.phtml

/app/design/frontend/default/blank/template/page/3columns.phtml

<?php echo $this->getChildHtml(‘header2‘) ?>

 

  1. 11 agosto 2012 a las 13:46

    Upsss Nopp tengo nip idea cm se crea Zto (o_o)

  1. 1 junio 2016 a las 18:53

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: