Efecto cargando con jQuery Ajax para prestashop 1.4.8.3

zona2010 · 12/11/14

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 · 12/11/14

¿Donde quieres colocar este efecto? ¿Al iniciar la tienda? ¿Al cargar una imagen?

Saludos,

zona2010 · 12/11/14

Hola,

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

Gracias

wikiprestashop · 12/11/14

¿La plantilla que usas es la de por defecto?

Lo digo para indicartelo de una manera u de otra

wikiprestashop · 12/11/14

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..

wikiprestashop · 12/11/14

He actualizado mi mensaje, que se me han colado varias cositas.... (revisa ahora)

zona2010 · 12/11/14

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

Por favor le agradezco.
Gracias!

zona2010 · 12/11/14

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 · 12/11/14

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

zona2010 · 12/11/14

Ok, muchas gracias de nuevo, quedo atento a este hilo.

zona2010 · 17/11/14

zona2010 dijo:
Ok, muchas gracias de nuevo, quedo atento a este hilo.

Así que usted pueda se lo agradezco...
Saludos

Efecto cargando con jQuery Ajax para prestashop 1.4.8.3

zona2010

Aprendiz de Prestashop

wikiprestashop

Administrator

zona2010

Aprendiz de Prestashop

wikiprestashop

Administrator

wikiprestashop

Administrator

wikiprestashop

Administrator

zona2010

Aprendiz de Prestashop

zona2010

Aprendiz de Prestashop

wikiprestashop

Administrator

zona2010

Aprendiz de Prestashop

zona2010

Aprendiz de Prestashop

Hilos similares