Jump to content

Trasladar modulos a barra superior


Recommended Posts

Hola

 

Estoy intentando realizar un nuevo diseño a partir de la plantilla básica de Prestashop, y por lo pronto, me gustaría añadir una barra superior donde poner alguna información (información de usuario, de idioma, etc) tal y como se muestra en la imagen que adjunto (ver la barra superior donde esta la información de usuario).

 

El problema que tengo es que creo que no puedo trasladar un módulo a esa nueva barra que he creado, por lo que ahora mismo estoy copiando el código de los módulos que quiero poner ahí directamente en el header.tpl. Creo que esto es una locura porque al final voy a meter el código de todos esos módulos en el header.tpl. Ahora mismo he hecho algo como esto:

<!-- Barra top -->
		<div id="barra_top" class="grid_10 clearfix">
			<div id="container_top" class="container_9 clearfix">
			{*Bloque de informacion de usuario*}
				<div id="header_user_info">
					{l s='Welcome'}
					{if $logged}
						<a href="{$link->getPageLink('my-account', true)|escape:'html'}" title="{l s='View my customer account'}" class="account" rel="nofollow"><span>{$cookie->customer_firstname} {$cookie->customer_lastname}</span></a>
						<a href="{$link->getPageLink('index', true, NULL, 'mylogout')|escape:'html'}" title="{l s='Log me out'}" class="logout" rel="nofollow">{l s='Log out'}</a>
					{else}
						<a href="{$link->getPageLink('my-account', true)|escape:'html'}" title="{l s='Login to your customer account'}" class="login" rel="nofollow">{l s='Login'}</a>
						<a href="{$link->getPageLink('my-account', true)|escape:'html'}" title="{l s='Login to your customer account'}" class="login" rel="nofollow">{l s='Register'}</a>
					{/if}
				</div>
			</div>
		</div>
		
		<div id="page" class="container_9 clearfix">

			<!-- Header -->
			<div id="header" class="grid_9 alpha omega">
				<a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
					<img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if}/>
				</a>
				<div id="header_right" class="grid_9 omega">
					{$HOOK_TOP}
				</div>
			</div>

			<div id="columns" class="grid_9 alpha omega clearfix">
				<!-- Left -->
				<div id="left_column" class="column grid_2 alpha">
					{$HOOK_LEFT_COLUMN}
				</div>

				<!-- Center -->
				<div id="center_column" class=" grid_7 omega">
	{/if}

Alguien podría darme alguna sugerencia para hacer esto? había pensado en crear un hook que estuviera encima del HOOK_TOP, pero no se como hacer esto ni si será una solución adecuada.

 

He visto algunas plantillas que tienen esto así pero no se exactamente como lo hacen. Por ejemplo esta, aunque usa HTML5:

 

http://www.leotheme.com/demo/prestashop14x/?template=leo_mobile

 

Espero haberme explicado correctamente. Gracias!

post-515554-0-85328600-1394060677_thumb.png

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...