Efecto cargando con jQuery Ajax para prestashop 1.4.8.3

zona2010

Aprendiz de Prestashop
Hay algo para hacer esto: Efecto cargando con jQuery Ajax para prestashop 1.4.8.3
En esta web http://www.jose-aguilar.com/blog/efecto-cargando-con-jquery-ajax/ explica pero no se como integrarlo en mi tienda. :'(

Mi tienda es prestashop 1.4.8.3
Muchas gracias
 

wikiprestashop

Administrator
Miembro del equipo
¿Donde quieres colocar este efecto? ¿Al iniciar la tienda? ¿Al cargar una imagen?

Saludos,
 

zona2010

Aprendiz de Prestashop
Hola,

a ser posible en toda la tienda. Para verlo al cargar la misma.

Gracias
 

wikiprestashop

Administrator
Miembro del equipo
¿La plantilla que usas es la de por defecto?

Lo digo para indicartelo de una manera u de otra
 

wikiprestashop

Administrator
Miembro del equipo
Según ese tutorial si vas al fichero:

Insertar CODE, HTML o PHP:
/themes/template usada/header.tpl
Añades esto:

Insertar CODE, HTML o PHP:
<script type="text/javascript">
{literal}         function  efecto(){
                             $('#imagenvueltas').hide();
                             $('#page').fadeIn(1500);
        } {/literal}
   </script>
debajo de:

Insertar CODE, HTML o PHP:
		{$HOOK_HEADER}
y luego cambias esto:

Insertar CODE, HTML o PHP:
<body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}>
por

Insertar CODE, HTML o PHP:
<body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if} onload="efecto();">
y debajo añades:

Insertar CODE, HTML o PHP:
 <div id="imagenvueltas" style="width:100%;text-align: center;">
                <img src="{$img_dir}loader.gif">
     </div>
y subes:

Insertar CODE, HTML o PHP:
loader.gif
en

Insertar CODE, HTML o PHP:
/themes/tu-template/img/
Y luego en el mismo:

Insertar CODE, HTML o PHP:
/themes/template usada/header.tpl
Cambias esto:

Insertar CODE, HTML o PHP:
		<div id="page">
por

Insertar CODE, HTML o PHP:
<div id="page" style="display:none;">
Pero a mi esto, tal como esta planetado me parece una barbaridad, porque lo que hace inicialmente es ocultar todo con un display none, y no creo que los buscadores le siente muy bien eso....

Ahí otras opciones mucho mejores para esto...si quieres te las comento..
 

zona2010

Aprendiz de Prestashop
Hola,

ya lo hice y esta muy bien.

Pero se hay algo mucho mejor me gustaría aprender a poner en la tienda ;)

Gracias!
 

wikiprestashop

Administrator
Miembro del equipo
Estoy en el tren, luego o mañana te intento contar otra opción.

Pero tal como lo has puesto yo no lo dejaría, sobre todo por el asunto de los buscadores, inicialmente todo el texto esta oculto... y eso es malo, malo
 
Arriba