Slider descentrado tras cambiarlo de Hook - SOLUCIONADO -

[Nivel 5]

De vuelta con el puñetero slider, tras haber solucionado el crear un hook nuevo y trasladar el modulo del slider a este hook como se comenta aquí http://www.prestashop.com/forums/topic/284646-se-me-ha-salido-el-slider-y-anda-a-su-aire-solucionado/, ahora se presenta otro problema, el slider no se centra con el resto de los componentes, os dejo un ejemplo:

 

Uploaded with ImageShack.com

 

Y para que lo veais mas claro, si le hago un zoom a la pagina el slider se va a la izquierda mas todavía:

Uploaded with ImageShack.com

 

Ahora la pregunta, esto se corrige tocando el css del slider o hay que modificar el header.tpl.

Edited October 31, 2013 by Nivel 5 (see edit history)

[nadie]

No estoy seguro porque no veo tu web, pero diría que lo has sacado el hook que has creado fuera del contenedor, es decir lo has metido fuera del div del header (normalmente div id header), pero tambien fuera del div de las tres columnas (normalmente div id columns). (Metelo el hook que has creado o dentro del div que contiene las tres columnas, o dentro en la ultima posicion del div del header, o te creas tu propio div propio, como este ejemplo comento en esta guia: http://victor-rodenas.com/2013/01/19/guia-extender-el-ancho-del-pie-de-pagina-en-prestashop-1-5/ que no tiene nada que ver con lo tuyo, pero es que no tengo otro ejemplo a mano xD)

[Nivel 5]

Te indico el fragmento del Header.tpl que intuyo que contiene el error:

 

 

   <!-- Header -->
            <div id="header_block">
   <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="{$img_dir}logo.png" 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_6 omega">
     {$HOOK_TOP}
    </div>
   </div>
            </div>
             {$HOOK_SLIDERHOOK}
            <div id="columns_block">
           
           
           
   <div id="columns" class="grid_9 alpha omega clearfix">
            <div id="strip"></div>

 

[nadie]

(xD te pasa justo lo que te he comentado xDDD)

 

Esto:
 

        {$HOOK_SLIDERHOOK}

por ejemplo prueba dejarlo algo así::
 

   
<div id="sliderNadie" class="grid_9 alpha omega clearfix">
{$HOOK_SLIDERHOOK}
</div>

[Nivel 5]

Y en el homeslider.php puede que haya algo también:

 

 public function hookSliderHook() (esto lo cambie a huevo)
 {
  if(!$this->_prepareHook())
   return;

  // Check if not a mobile theme
  if ($this->context->getMobileDevice() != false)
   return false;

  $this->context->controller->addJS($this->_path.'js/jquery.bxSlider.min.js');
  $this->context->controller->addCSS($this->_path.'bx_styles.css');
  $this->context->controller->addJS($this->_path.'js/homeslider.js');
  return $this->display(__FILE__, 'homeslider.tpl', $this->getCacheId());
 }

[nadie]

Haz solo lo que te he comentado.

[Nivel 5]

Ya lo he probado, si lo pongo en la posición que esta me sube el bloque de categorías, y nada, antes también lo había hecho, incluso probando a ponerlos entre los distintos <div>, si te fijas en la primera imagen veras que el bloque reinsurance2 que corregimos aquí http://www.prestashop.com/forums/topic/283563-modificar-modulo-descuadrado-en-plantilla-prestacoder-solucionado/page-2?hl=%2Bprestacoder&do=findComment&comment=1428303 le ocurre lo mismo (es que he tenido que reistalarlo desde cero pero no te preocupes que siguiendo las instrucciones que me diste se pone en su sitio, jeje).

[nadie]

Vamos a ver no te he dicho que cambies el hook de sitio, simplemente que lo dejes como te he comentado. 

[nadie]

<!-- Header -->

<div id="header_block">

<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="{$img_dir}logo.png" 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_6 omega">

{$HOOK_TOP}

</div>

</div>

</div>

<div id="sliderNadie" class="grid_9 alpha omega clearfix">

{$HOOK_SLIDERHOOK}

</div>

<div id="columns_block">

 

 

 

<div id="columns" class="grid_9 alpha omega clearfix">

<div id="strip"></div>

[Nivel 5]

Ok.

Codigo

 

   <!-- Header -->
            <div id="header_block">
   <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="{$img_dir}logo.png" 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_6 omega">
     {$HOOK_TOP}
    </div>
   </div>
            </div>
            <div id="sliderNadie" class="grid_9 alpha omega clearfix">
     {$HOOK_SLIDERHOOK}
   </div>
            <div id="columns_block">

 

 

Resultado:

 

Uploaded with ImageShack.com

 

Se sube el bloque de categorias

[nadie]

Pues vaya karruta, en la default me funciona xDDDDDDDDD
 
Prueba asi:
 

                 <div id="sliderNadie" class="grid_9 alpha omega clearfix">
     {$HOOK_SLIDERHOOK}
   </div>
<div style="clear:both"></div>

[Nivel 5]

Igual, yo en la default lo que estoy haciendo aquí lo consegui sin problemas, y con esto me estoy rompiendo los sesos, la guía que me has puesto antes, es para que el footer tome todo el ancho de banda, eso mismo me funcionaria en la cabecera de la plantilla default, porque es lo que quiero conseguir y me da igual que sea esta plantilla como la otra.

[nadie]

¿Has probado lo ultimo que te he comentado?

[Nivel 5]

Si, se queda igual.

[nadie]

Bajate el tete viewer: http://www.teamviewer.com/es/ que me conecte en remoto a tu equipo, ya que al parecer tu web la tienes en local. xD

[Nivel 5]

id: 373 976 350

pass: XXXXX (enviada por correo)

[nadie]

Al final, lo hemos dejado asi:

 <div id="sliderNadie" >
			<div id="SuperMan" >
     			{$HOOK_SLIDERHOOK}
				</div>
   			</div>

y en el global.css hemos añadido esto:

#SuperMan {
width: 950px;
margin: auto;
}

[nadie]

 

Al final, lo hemos dejado asi:

 <div id="sliderNadie" >
			<div id="SuperMan" >
     			{$HOOK_SLIDERHOOK}
				</div>
   			</div>

y en el global.css hemos añadido esto:

#SuperMan {
width: 950px;
margin: auto;
}

 

Y luego hemos cambiado la anchura de contenedor del slider con este aporte: http://www.prestashop.com/forums/topic/250081-solucionado-varias-dudas-slider-y-columnas-en-diferentes-paginas/?do=findComment&comment=1244535

[Nivel 5]

De nuevo con la inestimable colaboración del medio desaparecido nadie damos por solucionado el tema.

[nadie]

De nuevo con la inestimable colaboración del medio desaparecido nadie damos por solucionado el tema.

 

Perfecto !

 

Un placer ayudarte y servirte!

 

Si das el tema como solucionado, edita el titulo del tema, editando el primer mensaje, pulsando en editar, y después en "Usar editor completo", añadiendo la palabra "Solucionado" al titulo, esto ayudara, a mantener una mayor organización en el foro.

 

Si no encuentras como añadir la palabra "Solucionado" al título del tema, aquí tienes una guía: http://www.prestashop.com/forums/topic/269515-solucionado-%C2%BFcomo-poner-la-palabra-solucionado-en-el-titulo-del-tema/