Guía – Extender el ancho del pie de página en Prestashop 1.5

En esta guía, explicaremos como hacer que el “pie de página” de nuestra tienda Prestashop, tome todo el ancho del navegador.

ffinal

Extender ancho del pie de página en Prestashop

(Pulsar en la imagen, para verla de forma completa)

Lo primero que vamos hacer, es ir al fichero:

/themes/default/footer.tpl

Buscamos esto:

<div id="footer" class="grid_9 alpha omega clearfix">
{$HOOK_FOOTER}
{if $PS_ALLOW_MOBILE_DEVICE}
<p class="center clearBoth"><a href="{$link->getPageLink('index', true)}?mobile_theme_ok">{l s='Browse the mobile site'}</a></p>
{/if}
</div>

Y lo dejamos asi:

<div id="victor_rodenas">
<div id="footer">
{$HOOK_FOOTER}
{if $PS_ALLOW_MOBILE_DEVICE}
<p class="center clearBoth"><a href="{$link->getPageLink('index', true)}?mobile_theme_ok">{l s='Browse the mobile site'}</a></p>
{/if}
</div>
</div>

Ahora, cortamos este contenido, el cual hemos dejado así:

<div id="victor_rodenas">
<div id="footer">
{$HOOK_FOOTER}
{if $PS_ALLOW_MOBILE_DEVICE}
<p class="center clearBoth"><a href="{$link->getPageLink('index', true)}?mobile_theme_ok">{l s='Browse the mobile site'}</a></p>
{/if}
</div>
</div>

Y lo colocamos justo después del ultimo:

</div>

del fichero:

/themes/default/footer.tpl

Guardamos los cambios.

Ahora, nos vamos al fichero:

/themes/default/css/global.css

Y añadimos lo siguiente:

#victor_rodenas {
height: 286px;
background: #333;
}

(Es posible que vosotros, tengáis que cambiar la altura (height))

Ahora en el mismo fichero, buscamos esto:

#footer {
color: #fff;
background: #333;
}

Y lo dejamos así:

#footer {
color: #fff;
width: 979px;
margin: auto;
}
Print Friendly
Hosting Prestashop

2 pensamientos en “Guía – Extender el ancho del pie de página en Prestashop 1.5

Los comentarios están cerrados.