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

AlejandrorRix

Aprendiz de Prestashop
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:

/themes/default-bootstrap/header.tpl
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:

Diapositivas de imágenes para tu página web - homeslider
donde dice:

Maximum image width
Y subir las imágenes del slider.

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

luciosergio

Aprendiz de Prestashop
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.
 

Idesko

Aprendiz de Prestashop
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.
 

luciosergio

Aprendiz de Prestashop
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...
 

Idesko

Aprendiz de Prestashop
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.
 

luciosergio

Aprendiz de Prestashop
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.
 

Idesko

Aprendiz de Prestashop
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.
 

buo

Aprendiz de Prestashop
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.
 
Arriba