Módulo Slider con 3 banners a su derecha. [1.5] [SOLUCIONADO]

[ideas4design]

Hola buenas, como podeis ver en picanteshop.com uso un slide central y debajo 3 imágenes de banners.

 

Existe algún módulo similiar o parecido a este? ESTE

 

Gracias, seguro que existe pero no sé como se llama.

Edited November 26, 2012 by ideas4design (see edit history)

[idoia]

son dos modulos, uno es un eslider y el otro blocksubbanner

[ideas4design]

Y se pueden poner en la misma posicion?

[idoia]

si claro,

aquí lo tienes

mobulo

[ideas4design]

Gracias le acabo de subir, pero perdona mi ignorancia como se llama ? Porque no le encuentro , el único que encuentro es el TM Banner que venia por defecto con el theme.

[idoia]

blocksubbanner

puedes verlo en funcionamiento aqui

http://www.distribuidorindepa.com/consumibles/

Edited November 25, 2012 by idoia (see edit history)

[ideas4design]

Si pero en la sección de módulos no me sale por ese nombre ....Categoria: ? Desarrollado por: ? Puede ser que no lo encuentre porque lo tenga en castellano ?

Edited November 25, 2012 by ideas4design (see edit history)

[idoia]

te tiene que salir en Otros Modulos

con el nombre:

Sub Bloque Banner

[ideas4design]

Pues no me sale...le subido en zip y pone "Descargado correctamente" .

 

Adjunto imagen....

 

Ya está, como veo es un producto de tu sitio web no es asi ?

 

La cosa es, que le has puesto en rar, y le comprimi en zip pero con una subcarpeta...ese era el problema.

Edited November 25, 2012 by ideas4design (see edit history)

[ideas4design]

Como lo puedo configurar? Mira como me queda...http://picanteshop.com/es/

[idoia]

descomprimelo y subelo directamente por ftp

[ideas4design]

En el sitio de ejemplo que me pasastes http://www.distribuidorindepa.com/consumibles que slide es? Por lo que veo las posiciones no pueden estar juntas no?

Edited November 25, 2012 by ideas4design (see edit history)

[idoia]

en la de cartuchos

http://www.distribuidorindepa.com/consumibles/

 

te subido el modulo de los banner de la derecha, no el slider

[ideas4design]

O tengo que configurar el css del nivo?

 

 

/*

* jQuery Nivo Slider v2.1

* http://nivo.dev7studios.com

*

* Copyright 2010, Gilbert Pellegrom

* Free to use and abuse under the MIT license.

* http://www.opensource.org/licenses/mit-license.php

*

* March 2010

*/

 

 

/* The Nivo Slider styles */

div#slide_holder {

clear: both;

height: 404px;

margin: 0 0 10px;

width: 400px;

}

div#slider {

width:400px;

height:404px;

overflow: hidden;

float:left;

}

.nivoSlider {

position:relative;

}

.nivoSlider img {

position:absolute;

top:0px;

left:0px;

}

/* If an image is wrapped in a link */

.nivoSlider a.nivo-imageLink {

position:absolute;

top:0px;

left:0px;

width:100%;

height:100%;

border:0;

padding:0;

margin:0;

z-index:60;

display:none;

}

/* The slices in the Slider */

.nivo-slice {

display:block;

position:absolute;

z-index:50;

height:100%;

}

/* Caption styles */

.nivo-caption {

position:absolute;

left:0px;

bottom:0px;

background:#000;

color:#fff;

opacity:0.8; /* Overridden by captionOpacity setting */

width:100%;

z-index:89;

}

.nivo-caption p {

padding:5px;

margin:0;

}

.nivo-caption a {

display:inline !important;

}

.nivo-html-caption {

display:none;

}

/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a {

position:absolute;

top:47%;

z-index:99;

cursor:pointer;

}

.nivo-prevNav {

left:10px;

display:block;

width:38px;

height:38px;

text-indent:-9999px;

background: url('../img/nivo_nav.png') top left no-repeat;

}

.nivo-nextNav {

right:10px;

display:block;

width:38px;

height:38px;

text-indent:-9999px;

background: url('../img/nivo_nav.png') top right no-repeat;

}

/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav {

position:absolute;

left:440px;

bottom:10px;

z-index:99;

width:80px;

}

.nivo-controlNav a {

display:block;

width:16px;

height:16px;

background:url('../img/bullets.png') no-repeat;

text-indent:-9999px;

border:0;

margin-right:3px;

float:left;

cursor:pointer;

 

}

.nivo-controlNav a.active {

background-position:0 -16px;

}

 

.nivo-controlNav a.active {

font-weight:bold;

}

[idoia]

si tu slider es grande tendras que hacerlo a medida para que entren los dos

[ideas4design]

Si si le tengo instalado pero la posición del blocksubbanner esta debajo del slide (nivo) Y si lo subo se pone encima pero no a la par de la derecha. Como puedo configurarlo ?

[idoia]

edita el css de tu modulo slider

colocale

float: left

 

y ya te saldran al lado

Edited November 26, 2012 by idoia (see edit history)

[ideas4design]

Mi sitio wes es www.picanteshop.com , pero como puedes ver en el css que pegado antes en el post, todos los float: estan en "left"

[idoia]

por lo que creo tu nivoslider.tpl

tiene incustrado un stylo dentro miralo y si esta editalo

[ideas4design]

Voy a pegar el código nivoslider.tpl porque para ser sinceros no me entero de mucho.

 

<!-- MODULE NivoSlider for PrestaShop -->
<!-- www.tiendasvirtuales.com.ve -->
{literal}
<script type="text/javascript" src="{/literal}{$module_dir}{literal}tools/js/jquery.nivo.slider.pack.js"></script>
<link rel="stylesheet" type="text/css" href="{/literal}{$module_dir}{literal}tools/css/nivo-slider.css" />
<div id="slide_holder" style="width:{/literal}{$width}{literal}px;height:{/literal}{$height}{literal}px;position:relative;background-color:{/literal}{$backcolordiv}{literal};margin-top:{/literal}{$margintop}{literal}px;margin-bottom:{/literal}{$marginbottom}{literal}px;margin-left:{/literal}{$marginleft}{literal}px;margin-right:{/literal}{$marginright}{literal}px;">
   <div id="slider">
    {/literal}
    {foreach key=id item=links from=$mylinks}
	    {if $links.url !=""}		   
		   {literal}<a href="{/literal}{$links.url}"{if $links.new_window} {literal}target="_blank"{/literal}{/if}{literal}><img src="{/literal}{$module_dir}{literal}img/{/literal}{$links.image}" {literal}alt="{/literal}{$links.title}" {literal}title="{/literal}{$links.description}" {literal} width="{/literal}{$width}{literal}px" height="{/literal}{$height}{literal}px" /></a>{/literal}
	    {else}			  
		   {literal}<a href="{/literal}{$links.url}"{if $links.new_window} {literal}target="_blank"{/literal}{/if}{literal}><img src="{/literal}{$module_dir}{literal}img/{/literal}{$links.image}" {literal}alt="{/literal}{$links.title}" {literal}title="{/literal}{$links.description}" {literal} width="{/literal}{$width}{literal}px" height="{/literal}{$height}{literal}px" /></a>{/literal}
	    {/if}			  
    {/foreach}
    {literal}
</div>
</div>
<script type="text/javascript">
   //jQuery.noConflict();
   jQuery(window).load(function() {
   jQuery('#slider').nivoSlider({   
 effect:'{/literal}{$effect}{literal}', //Specify sets like: 'fold,fade,sliceDown'
 slices:{/literal}{$slices}{literal},
 animSpeed:{/literal}{$animspeed}{literal}, //Slide transition speed
 pauseTime:{/literal}{$pausetime}{literal},
 startSlide:{/literal}{$startslide}{literal}, //Set starting Slide (0 index)
 directionNav:{/literal}{$directionnav}{literal}, //Next & Prev
 directionNavHide:{/literal}{$directionnavhide}{literal}, //Only show on hover
 controlNav:{/literal}{$cn_nav}{literal}, //1,2,3...
 controlNavThumbs:{/literal}{$cn_navthumbs}{literal}, //Use thumbnails for Control Nav
  controlNavThumbsFromRel:{/literal}{$cn_thumbsfromrel}{literal}, //Use image rel for thumbs
 controlNavThumbsSearch: '.jpg', //Replace this with...
 controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
 keyboardNav:{/literal}{$keyboardnav}{literal}, //Use left & right arrows
 pauseOnHover:{/literal}{$pauseonhover}{literal}, //Stop animation while hovering
 manualAdvance:{/literal}{$manualadvance}{literal}, //Force manual transitions
 captionOpacity:{/literal}{$captionopacity}{literal}, //Universal caption opacity
 beforeChange: function(){},
 afterChange: function(){},
 slideshowEnd: function(){} //Triggers after all slides have been shown
});
});
</script>
<!-- /MODULE NivoSlider for PrestaShop -->
{/literal}

[ideas4design]

Se que es esta linea

<div id="slide_holder" style="width:{/literal}{$width}{literal}px;height:{/literal}{$height}{literal}px;position:relative;background-color:{/literal}{$backcolordiv}{literal};margin-top:{/literal}{$margintop}{literal}px;margin-bottom:{/literal}{$marginbottom}{literal}px;margin-left:{/literal}{$marginleft}{literal}px;margin-right:{/literal}{$marginright}{literal}px;">

 

Position: Left ?

 

Pues nada he probado a poner position:left pero nada....

Edited November 26, 2012 by ideas4design (see edit history)

[idoia]

sube este

nivo-slider.css

[ideas4design]

He desinstalado y borrado el nivo slider. Le vuelto a instalar pero he remplazado el archivo css y se hace más pequeño, bien. Pero el blocksubbanner no se pone a la par de la derecha. Puede ser que tendré que modificar el subbanner de tamaño ?

[idoia]

borra lo de dentro de, tools/smarty/compile/

Edited November 26, 2012 by idoia (see edit history)

[ideas4design]

Siento decirte que no tengo esa ruta en el sitio web.

 

Tengo /picanteshop/tools/smarty pero no tengo la carpeta compile...

 

Actualmente tengo la cache en OFF y habilitadada la opcion Never recompile template files.

Never recompile template files

Edited November 26, 2012 by ideas4design (see edit history)

[idoia]

que version estas?

[ideas4design]

1.5

[idoia]

cache/smarty/compile

pasame tu nivoslide.tpl o como se llame

Edited November 26, 2012 by idoia (see edit history)

[ideas4design]

Subo EL TPL

 

Para que sirve eliminar toda la carpeta /compile/ ?

TPL.zip

Edited November 26, 2012 by ideas4design (see edit history)

[idoia]

la carpeta no la borres,solo borra lo de dentro, son como temporales, se puede decir a veces hay que borrar para que agan efecto los cambios

[idoia]

sube ese

nivoslider.zip

[ideas4design]

Pues muchas gracias, asunto resuelto.

Edited November 26, 2012 by ideas4design (see edit history)

[laxax]

je suis recherche module TM Banner mais pas trouver

[eltano3d]

Si pero en la sección de módulos no me sale por ese nombre ....Categoria: ? Desarrollado por: ? Puede ser que no lo encuentre porque lo tenga en castellano ?

 

PAra que version es?

 

Lo intente instalar en la 1.5.4 y no funsiona... ME sale el siguiente error. (tipo de archivo desconocido)

Edited July 5, 2013 by eltano3d (see edit history)

[bulaphones]

serian tan amables de pasarme el modulo Sub Bloque Banner?? muchas gracias