Jump to content

Solucionado - Slider En Homepage Que Ocupe 3 Columnas

toolbuz

By toolbuz
in Discusión general

 Share

Recommended Posts

toolbuz Newbie

toolbuz

Posted
Posted (edited)

Hola a Todos.

Estoy hace rato intentando conseguir poner un slider en la página principal pero que ocupe las 3 columnas.

Me las arregle para conseguir poner un banner mediante contentbox pero ahora no se como hacer con el slider. El nativo de PS no me deja usar hooj columna izquierda... y no conseguí otros gratis.

Por otro lado intente cargarle el codigo html de un slider gratuito que consegui en internet en el content box pero no me funciono...

Alguna sugerencia??????'

 

 

GRACIAS

post-492673-0-52734200-1362294152_thumb.png

Edited by toolbuz (see edit history)
Link to comment
Share on other sites
jaloise Newbie

jaloise

Posted
Posted

Hola a Todos.

Estoy hace rato intentando conseguir poner un slider en la página principal pero que ocupe las 3 columnas.

Me las arregle para conseguir poner un banner mediante contentbox pero ahora no se como hacer con el slider. El nativo de PS no me deja usar hooj columna izquierda... y no conseguí otros gratis.

Por otro lado intente cargarle el codigo html de un slider gratuito que consegui en internet en el content box pero no me funciono...

Alguna sugerencia??????'

 

 

GRACIAS

 

A ver si te sirve esto: http://victor-rodenas.com/2012/10/23/guia-desplazar-el-slider-debajo-de-la-cabecera-en-prestashop-1-5/

 

Saludos.

Link to comment
Share on other sites
toolbuz Newbie

toolbuz

Posted
  • Author
Posted

Antes que nada, GRACIAS ABSOLUTAS!

 

Muy muy cerca de lograrlo....

Algunos problemas ya que el slider me tapo la barra (no visualmente pero si funcionalmente.... el wrapper me quedó montado sobre la barra pero las imagenes agarran bien los 40 px de topmargin...

Por otro lado, note que no solo aparece en la pagina principal sino que en todas... se puede agregar una excepción para todo el resto? Me ayudarían con eso??

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Antes que nada, GRACIAS ABSOLUTAS!

 

Muy muy cerca de lograrlo....

Algunos problemas ya que el slider me tapo la barra (no visualmente pero si funcionalmente.... el wrapper me quedó montado sobre la barra pero las imagenes agarran bien los 40 px de topmargin...

 

 

Respecto a eso, dime la url de tu tienda, asi sera mas facil decirte los ajustes para tu tienda.

 

 

Por otro lado, note que no solo aparece en la pagina principal sino que en todas... se puede agregar una excepción para todo el resto? Me ayudarían con eso??

 

Respecto a esto...

 

En la pestaña Módulos -> Posiciones edita el modulo que se llama "Imagen de control deslizante ..."

 

Y dentras veras un bloque llamado "Excepciones".

 

echepchipi.png

 

En Excepciones, coloca donde no quieres que se muestre el módulo.

 

Tambien puedes puedes hacer esto que te comento ahora a modo "chapuza express" depende lo otro que te he comentado:

 

Fichero:

 

modules/homeslider/homeslider.tpl

 

Busca esto:

 

{if isset($homeslider)}
<script type="text/javascript">
{if isset($homeslider_slides) && $homeslider_slides|@count > 1}
{if $homeslider.loop == 1}
 var homeslider_loop = true;
{else}
 var homeslider_loop = false;
{/if}
{else}
var homeslider_loop = false;
{/if}
var homeslider_speed = {$homeslider.speed};
var homeslider_pause = {$homeslider.pause};
</script>
{/if}
{if isset($homeslider_slides)}
<ul id="homeslider">
{foreach from=$homeslider_slides item=slide}
{if $slide.active}
 <li><a href="{$slide.url|escape:'htmlall':'UTF-8'}" title="{$slide.description|escape:'htmlall':'UTF-8'}"><img src="{$smarty.const._MODULE_DIR_}/homeslider/images/{$slide.image|escape:'htmlall':'UTF-8'}" alt="{$slide.legend|escape:'htmlall':'UTF-8'}" legend="{$slide.description|escape:'htmlall':'UTF-8'}" height="{$homeslider.height|intval}" width="{$homeslider.width|intval}" /></a></li>
{/if}
{/foreach}
</ul>
{/if}

 

Y dejalo así:

 

{if $page_name=='index'}
{if isset($homeslider)}
<script type="text/javascript">
{if isset($homeslider_slides) && $homeslider_slides|@count > 1}
{if $homeslider.loop == 1}
 var homeslider_loop = true;
{else}
 var homeslider_loop = false;
{/if}
{else}
var homeslider_loop = false;
{/if}
var homeslider_speed = {$homeslider.speed};
var homeslider_pause = {$homeslider.pause};
</script>
{/if}
{if isset($homeslider_slides)}
<ul id="homeslider">
{foreach from=$homeslider_slides item=slide}
{if $slide.active}
 <li><a href="{$slide.url|escape:'htmlall':'UTF-8'}" title="{$slide.description|escape:'htmlall':'UTF-8'}"><img src="{$smarty.const._MODULE_DIR_}/homeslider/images/{$slide.image|escape:'htmlall':'UTF-8'}" alt="{$slide.legend|escape:'htmlall':'UTF-8'}" legend="{$slide.description|escape:'htmlall':'UTF-8'}" height="{$homeslider.height|intval}" width="{$homeslider.width|intval}" /></a></li>
{/if}
{/foreach}
</ul>
{/if}
{/if}

Link to comment
Share on other sites
toolbuz Newbie

toolbuz

Posted
  • Author
Posted

Sigo batallando con el CSS para que no se superponga la barra (que tambien genera que las tres columnas queden superpuestas.

 

Va la url: demo.toolbuz.com

 

Algo sucede con el CSS ya que lo modifique infinidad de veces pero al inspeccionar con el explorador no veo mis modificaciones. Estoy borrando la cache a ver si es eso... quiero mover los botones abajo...

En minutos pruebo lo que dices.

 

GRACIAS!

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Sigo batallando con el CSS para que no se superponga la barra (que tambien genera que las tres columnas queden superpuestas.

 

Va la url: demo.toolbuz.com

 

Algo sucede con el CSS ya que lo modifique infinidad de veces pero al inspeccionar con el explorador no veo mis modificaciones. Estoy borrando la cache a ver si es eso... quiero mover los botones abajo...

En minutos pruebo lo que dices.

 

GRACIAS!

 

Hola, es que en tu caso tienes que hacer las modificaciones aquí:

 

/themes/prestashop-html5-theme-master/css/modules/homeslider/bx_styles.css

 

 

Y las estas haciendo aquí:

 

/modules/homeslider/bx_styles.css

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

En definitiva, en el fichero:

 

/themes/prestashop-html5-theme-master/css/modules/homeslider/bx_styles.css

 

Busca esto:

 

.bx-wrapper {
margin-bottom:20px;
height:300px
}

 

Y dejalo así:

 

.bx-wrapper {
margin-bottom: 32px;
height: 300px;
margin-top: 55px;
padding-top: 1px;
}

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Luego, para no dejar tanto espacio entre el menu y el slider, ve al fichero:

 

/themes/prestashop-html5-theme-master/css/modules/blocktopmenu/css/superfish-modified.css

 

Busca esto:

 

.sf-menu {
float:   left;
margin-bottom: 1em;
}

 

Y dejalo así:

 

.sf-menu {
float:   left;
margin-bottom:0em;
}

Link to comment
Share on other sites
toolbuz Newbie

toolbuz

Posted
  • Author
Posted

Amigo, no sabes el favor que me has hecho.

Lo mejor es lo didáctico de esto. Con esto ya heaprendido para cualquier modificación de CSS de modulos... y los TPL creo que es lo mismo no?? Tengo que trabajar siempre dentro de mi theme (para los tpl, seria misma ruta pero en mitheme/modules/?)

 

Hay muchos posts en Inglés sobre esto sin una buena solución.... Creo que deberías redirigirlos...

 

Aprovecho para hacerte orta pregunta... si quieres abro otro topic...

Existe algun modulo (pago o gratuito) que agregue un paso de Aprobacion de las Ordenes?

Es decir, un cliente pone una order y requiere la aprobacion de otro usuario (supervisor supongamos) antes de que se libere el pedido....

 

 

SALUDOS AMIGO!

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Ooops...............

Un problema que surgio... hay un espacio en blanco fuera del home en la columna central... Algún indicio?!?!?!?

 

http://demo.toolbuz....egory&id_lang=4

 

Si pero ese problema es otro problema y se debe preguntar una duda por tema :D

 

De todos modos te dire como arregrarlo.

 

En el fichero:

 

/themes/prestashop-html5-theme-master/css/global.css

 

Busca esto:

 

.breadcrumb {
margin-bottom: 400px;
font-size: 12px;
}

 

Y dejalo así:

 

.breadcrumb {
margin-bottom: 7px;
font-size: 12px;
}

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Por cierto en la pagina principal, tienes el slider 2 veces puesto y se te descuadra la home.

 

(En el Top of pafes (DisplayTop) que es correcto por que lo movistes hay para que se viera debajo del menu tal como indica la guía de arriba, y lo tienes tambien en el displayHome, que es la posicion anterior, cargartelo de hay).

 

Elimina el que tengas en la posición 

 displayHome

desde la pestaña Módulos -> Posicones del panel de tu tienda.

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Listo....

Quedo excelente!

 

Tanto tocar se me había escapado lo del global.css

Fue un intento anterior!

 

Muchas gracias!

 

Abro otro post por lo de aprobacion de ordenes.

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.

 

Un saludo y recuerda que estaremos en el foro, para guiarte por este mundo oscuro y tenebroso.

Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to topic listing
×
×
  • Create New...