Este sitio usa cookies, propias y de terceros.
Si se continúa con nosotros entendemos que se acepta el uso de cookies.

[Duda sobre aporte] Ancho total en slider (homeslider) Prestashop 1.6

Tema en 'Recursos y aportes gratuitos para Prestashop' iniciado por AlejandrorRix, 10 Nov 2014.

  1. AlejandrorRix

    AlejandrorRix Aprendiz de Prestashop

    9
    0
    0
    Estaba intentando ver como colocar el ancho del slider, que fuera todo lo ancho posible que tuviera la web en ese momento.

    Buscando, encontre este link: http://blog.belvg.com/how-to-create-full-width-image-slider-in-prestashop-1-6.html de: belvg.com

    Lo estoy intentando aplicando a mi web y creo que no me funciona...

    Según entiendo tengo que:

    Ir al fichero:

    Buscar este código:

    Insertar CODE, HTML o PHP:
    	<div class="columns-container">
    				<div id="columns" class="container">
    					{if $page_name !='index' && $page_name !='pagenotfound'}
    						{include file="$tpl_dir./breadcrumb.tpl"}
    					{/if}
    					<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 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}
    
    Y dejar ese código así:

    Insertar CODE, HTML o PHP:
    <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 class="columns-container">
    				<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}			
    
    Luego en el módulo configurador de temas, quitar las imágenes que aparecen al lado del slider del:

    Por último cambiar en la configuración del módulo:

    donde dice:

    Y subir las imágenes del slider.

    ¿Pero a mi no me funciona...? ¿Os funciona a vosotros?
     
  2. luciosergio

    luciosergio Aprendiz de Prestashop

    3
    0
    0
    Hola Alejandro.

    Yo tmb he dado con ese aporte y tampoco me ha funcionado. De hecho deja de verse la página. :p

    Estoy buscando lo mismo para hacer. No se si lograsete solucionar este asunto. Agradecería cualquier aporte al respecto. :)

    Un saludo.
     
  3. Idesko

    Idesko Aprendiz de Prestashop

    11
    0
    0
    Si no he entendido mal, lo que quereis es que el slider sea del mismo ancho que el resto de la plantilla, ¿correcto? No entiendo dicha modificación... Basta con desactivar las dos imagenes de la derecha, y subir imagenes al slider del tamaño correspondiente... No hay que tocar código.

    El resultado es por ejemplo este: http://www.herbolariosiempreviva.com/

    ¿Es eso lo que quereis?

    Idesko.
     
  4. luciosergio

    luciosergio Aprendiz de Prestashop

    3
    0
    0
    Hola Idesko, gracias por el interes.

    En realidad lo que buscamos es esto concretamente. El homeslider llega hasta la anchura total de la página o se sale de los margenes de lo que es la página.

    http://blog.belvg.com/how-to-create-full-width-image-slider-in-prestashop-1-6.html

    La primera parte funciona sacando el slider_row del ancho de la página. El resto no me funciona. Se me queda la imagen así. http://www.begoetxarri.com/es/

    Cuando voy al modulo del slider al campo Maximum image width, tengo un ancho de 779px pero no me deja ampliarlo por mucho que insista. Le pongo otra anchura y cuando le doy a guardar vueve a ponerse 779px.

    Alguna idea? Gracias...
     
  5. Idesko

    Idesko Aprendiz de Prestashop

    11
    0
    0
    A mi el tutorial si que me ha funcionado, lo he probado en local en un PS 1.6.0.6. Digo la version por si sirve de algo.
     
  6. luciosergio

    luciosergio Aprendiz de Prestashop

    3
    0
    0
    Hola de nuevo Idesko.

    Finalmente he logrado arreglar el problema y lograr lo que quería.

    Si funciona el tutorial y el problema de que no cambiaba el Tamaño Maximo de la Imagen y me lo dejaba en 779px. Lo he cambiado a mano editando el archivo homeslider.php ubicados en raiz/modulos/homeslider. Le he indicado a mano la anchura (1800px) donde dice:

    class HomeSlider extends Module
    {
    private $_html = '';
    private $default_width = 1800;
    private $default_speed = 500;
    private $default_pause = 3000;
    private $default_loop = 1;

    public function __construct()
    {

    Tras esto he desinstalado el módulo y lo he vuelto a instalar. Se vuelven a cargar las imagenes por defecto, pero ya te coge el campo Tamaño Maximo de la Imagen a 1800px.

    Luego un poco de css para ajustar y listo ;D

    Gracias por todo.
     
  7. Idesko

    Idesko Aprendiz de Prestashop

    11
    0
    0
    Yo daba por sentado que estabais cambiando el tamaño de la imágen. De nada sirve hacer la modificación del ancho si las imágenes siguen siendo las mismas ;)

    Idesko.
     
  8. buo

    buo Aprendiz de Prestashop

    1
    0
    0
    Hola,

    Yo hago lo del tutorial, pero si no pongo el siguiente estilo CSS
    #slider_row {
    margin: 0 auto;
    overflow: hidden;
    width: 100%;

    }
    me queda un marco gris y si lo pongo me deja un margen al lado.
    Entonces tanto de una forma como la otra si reduco la pagina, el modulo se va a la izquierda y me deja espacio en blanco a la derecha.

    Alguien tiene homeslider con ancho total funcionando bién?

    Saludos.
     

Compartir esta página