/ Registrarse

    factoriadigital

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. 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. 20/8/19 #1
    Ads Master

    Ads Master

     
    Comunidad Prestashop orgullosamente patrocinada por el hosting prestashop de FactoriaDigital.com con soporte en español.
  3. 12/11/14 #2
    wikiprestashop

    wikiprestashop Administrator Miembro del equipo

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

    Saludos,
     
  4. 12/11/14 #3
    zona2010

    zona2010 Aprendiz de Prestashop

    19
    0
    1
    Hola,

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

    Gracias
     
  5. 12/11/14 #4
    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. 12/11/14 #5
    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. 12/11/14 #6
    wikiprestashop

    wikiprestashop Administrator Miembro del equipo

    210
    3
    18
    He actualizado mi mensaje, que se me han colado varias cositas.... (revisa ahora)
     
  8. 12/11/14 #7
    zona2010

    zona2010 Aprendiz de Prestashop

    19
    0
    1
    Por favor le agradezco.
    Gracias!
     
  9. 12/11/14 #8
    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. 12/11/14 #9
    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. 12/11/14 #10
    zona2010

    zona2010 Aprendiz de Prestashop

    19
    0
    1
    Ok, muchas gracias de nuevo, quedo atento a este hilo.
     
  12. 17/11/14 #11
    zona2010

    zona2010 Aprendiz de Prestashop

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