Efecto cargando con jQuery Ajax para prestashop 1.4.8.3

Tema en 'Instalación, configuración y personalización' iniciado por zona2010, 12/11/14.

  1. zona2010

    zona2010 Aprendiz de Prestashop

    19
    0
    1
    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
     
  2.  
    Comunidad Prestashop orgullosamente patrocinada por FactoriaDigital, expertos en hosting prestashop con soporte en español.
  3. wikiprestashop

    wikiprestashop Administrator Miembro del equipo

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

    Saludos,
     
  4. zona2010

    zona2010 Aprendiz de Prestashop

    19
    0
    1
    Hola,

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

    Gracias
     
  5. wikiprestashop

    wikiprestashop Administrator Miembro del equipo

    210
    3
    18
    ¿La plantilla que usas es la de por defecto?

    Lo digo para indicartelo de una manera u de otra
     
  6. wikiprestashop

    wikiprestashop Administrator Miembro del equipo

    210
    3
    18
    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..
     
  7. wikiprestashop

    wikiprestashop Administrator Miembro del equipo

    210
    3
    18
    He actualizado mi mensaje, que se me han colado varias cositas.... (revisa ahora)
     
  8. zona2010

    zona2010 Aprendiz de Prestashop

    19
    0
    1
    Por favor le agradezco.
    Gracias!
     
  9. zona2010

    zona2010 Aprendiz de Prestashop

    19
    0
    1
    Hola,

    ya lo hice y esta muy bien.

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

    Gracias!
     
  10. wikiprestashop

    wikiprestashop Administrator Miembro del equipo

    210
    3
    18
    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
     
  11. zona2010

    zona2010 Aprendiz de Prestashop

    19
    0
    1
    Ok, muchas gracias de nuevo, quedo atento a este hilo.
     
  12. zona2010

    zona2010 Aprendiz de Prestashop

    19
    0
    1
    Así que usted pueda se lo agradezco...
    Saludos