Blog

Sábado, 24 Junio 2017 21:16

¿Cómo hacer que el slider de prestashop ocupe toda la anchura de la pantalla?

Esrito por 

¿Cómo hacer que el slider de prestashop ocupe toda la anchura de la pantalla?

 

En header.tpl, vamos a localizar el siguiente código

 

<div id="slider_row" class="row">

<div id="top_column" class="center_column col-xs-12 col-sm-12">{hook h="displayTopColumn"}</div>

</div>

 

La clase bootstrap .container define una anchura fija. Para lograr anchura total del slider, hay que sacar #slider_row fuera de la clase .container, y ponerlo encima. Como el siguiente fragmento de código

 

<div id="slider_row" class="row">

    <div id="top_column" class="center_column col-xs-12 col-sm-12">{hook h="displayTopColumn"}</div>

</div>

<div id="columns" class="container">

    {if $page_name !='index' && $page_name !='pagenotfound'}

{include file="$tpl_dir./breadcrumb.tpl"}

    {/if} 

    <div class="row">

{if isset($left_column_size) && !empty($left_column_size)}

<div id="left_column" class="column col-xs-12 col-sm-{$left_column_size|intval}">{$HOOK_LEFT_COLUMN}</div>

{/if}

{if isset($left_column_size) && isset($right_column_size)}{assign var='cols' value=(12 - $left_column_size - $right_column_size)}{else}{assign var='cols' value=12}{/if}

<div id="center_column" class="center_column col-xs-12 col-sm-{$cols|intval}">

{/if}

Leer 2600 times Last modified on Sábado, 24 Junio 2017 21:23

Sobre CNERIS

CNERIS es una empresa constituida por jóvenes emprendedores procedentes de diferentes sectores del mundo de la información. Nuestro equipo está compuesto por programadores, administradores de sistemas, administradores de base de datos, diseñadores gráficos, maquetadores,