la tienda no acepta colocar un codigo jquery - facebook flotante :(

[Jordan Galactic]

Asi es amig@s,

nuevamente consultando y agradecer por la paciencia, felizmente mis dudas anteriores ya se solucionaron.

Quisiera agregarle ese efecto de facebook flotante en la tienda.

el css: lo puse en global.css
el div: colocado en footer.tpl
y lo más importante el script jquery, colocado en header.tpl (dentro del head)

 

lo guardo y se pone mi tienda en blanco, si quito el script jquery me aparece la imagen facebook flotante y sin efecto. Queria saber en ese script habra algo que editar? ya que a veces no hay compatibilidad o que me recomiendan ?

 

El código es:

 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>

<script type="text/javascript">
jQuery.noConflict();
jQuery(function (){
jQuery(".s_likebox").hover(function(){
jQuery(".s_likebox").stop(true, false).animate({right:"0"},"medium");
},function(){
jQuery(".s_likebox").stop(true, false).animate({right:"-250"},"medium");
},500);
return false;
});
</script>

 

Espero su ayuda, saluditos 

[joseantgv]

Pon el código javascript entre las etiquetas

{literal}{/literal}

[Jordan Galactic]

 

Pon el código javascript entre las etiquetas

{literal}{/literal}

Gracias compa... me salvaste

eso habia visto en otro post, pero creo que no escribi bien...

mil gracias, dormire tranquilo :3

 

no aún no ..

funciona pero ese script me destrozo el slider del theme por defecto... tenia 4 imagenes en el slider, y se postraron todo hacia abajo

Edited October 24, 2013 by Jordan Galactic (see edit history)

[nadie]

no aún no ..

funciona pero ese script me destrozo el slider del theme por defecto... tenia 4 imagenes en el slider, y se postraron todo hacia abajo

 

 

ohhhh

 

Y si depende asi:

 

{literal}

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>

<script type="text/javascript">
jQuery.noConflict();
jQuery(function (){
jQuery(".s_likebox").hover(function(){
jQuery(".s_likebox").stop(true, false).animate({right:"0"},"medium");
},function(){
jQuery(".s_likebox").stop(true, false).animate({right:"-250"},"medium");
},500);
return false;
});
</script>
 
{/literal}

Lo dejas asi:

{literal}

<script type="text/javascript">
jQuery.noConflict();
jQuery(function (){
jQuery(".s_likebox").hover(function(){
jQuery(".s_likebox").stop(true, false).animate({right:"0"},"medium");
},function(){
jQuery(".s_likebox").stop(true, false).animate({right:"-250"},"medium");
},500);
return false;
});
</script>

{/literal}

¿?

[Jordan Galactic]

 

 

ohhhh

 

Y si depende asi:

 

{literal}

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>

<script type="text/javascript">
jQuery.noConflict();
jQuery(function (){
jQuery(".s_likebox").hover(function(){
jQuery(".s_likebox").stop(true, false).animate({right:"0"},"medium");
},function(){
jQuery(".s_likebox").stop(true, false).animate({right:"-250"},"medium");
},500);
return false;
});
</script>
 
{/literal}

Lo dejas asi:

{literal}

<script type="text/javascript">
jQuery.noConflict();
jQuery(function (){
jQuery(".s_likebox").hover(function(){
jQuery(".s_likebox").stop(true, false).animate({right:"0"},"medium");
},function(){
jQuery(".s_likebox").stop(true, false).animate({right:"-250"},"medium");
},500);
return false;
});
</script>

{/literal}

¿?

 Nadie regresastee....... yupiiiiiiiiiiii 

 

al quitar eso, tambien me deja ese error y no funca el efecto

esta es la tienda: http://ibericosyperu.com 

Edited October 24, 2013 by Jordan Galactic (see edit history)

[Jordan Galactic]

Alguien que me solucione porfas este conflicto entre 2 jquerys :S

a pesar de poner:

jQuery.noConflict(); 

 

o eliminar: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>

 

ninguno me funciona

 

el conflicto es: el facebook deslizante si funciona, pero el slider se distorciona, agregar productos a carritos y alguno errores internos, etc etc

[ventura]

Este codigo asi tal cual te debería funcionar sin problemas

 

http://codepen.io/hrbj/pen/biJLB

[nadie]

Este codigo asi tal cual te debería funcionar sin problemas

 

http://codepen.io/hrbj/pen/biJLB

 

Efectivamente Funciona !

 

Saludos,

[Jordan Galactic]

Este codigo asi tal cual te debería funcionar sin problemas

 

http://codepen.io/hrbj/pen/biJLB

mil gracias este si funca..

una consulta, como traerlo hacia delante ese efecto? ya que se me muestra detras de mis modulos...

gracias gracias... con ustedes se aprende mucho

[ventura]

Recuerda que has puesto el codigo tal cual, que era de ejemplo y está asociado a la cuenta del creador del script  que es  vekia.

Ahora tendrás que editas el script y poner tu appID de Facebook

[Jordan Galactic]

Recuerda que has puesto el codigo tal cual, que era de ejemplo y está asociado a la cuenta del creador del script  que es  vekia.

Ahora tendrás que editas el script y poner tu appID de Facebook

Hola estimado, ese script lo coloque en el footer.tpl y quedo bien, pero lo encerre con un div...

y en css le puse:

 

.midiv {

z-index: 10;

position: relative;

}

 

intente tambien con la propiedad: position-absolute y nada

tambien cambie el class por id y nada,, u.u

se seguis mostrando el bloque de facebook flotante debajo de mis modulos...

 

alguna sugerencia?

 

saludos

Edited October 31, 2013 by Jordan Galactic (see edit history)