Este sitio usa cookies, propias y de terceros.
Si se continúa con nosotros entendemos que se acepta el uso de cookies.

Efecto cargando con jQuery Ajax para prestashop 1.4.8.3

Tema en 'Instalación, configuración y personalización' iniciado por zona2010, 12 Nov 2014.

  1. zona2010

    zona2010 Aprendiz de Prestashop

    19
    0
    0
    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. wikiprestashop

    wikiprestashop Administrator Miembro del equipo

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

    Saludos,
     
  3. zona2010

    zona2010 Aprendiz de Prestashop

    19
    0
    0
    Hola,

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

    Gracias
     
  4. wikiprestashop

    wikiprestashop Administrator Miembro del equipo

    203
    1
    16
    ¿La plantilla que usas es la de por defecto?

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

    wikiprestashop Administrator Miembro del equipo

    203
    1
    16
    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..
     
  6. wikiprestashop

    wikiprestashop Administrator Miembro del equipo

    203
    1
    16
    He actualizado mi mensaje, que se me han colado varias cositas.... (revisa ahora)
     
  7. zona2010

    zona2010 Aprendiz de Prestashop

    19
    0
    0
    Por favor le agradezco.
    Gracias!
     
  8. zona2010

    zona2010 Aprendiz de Prestashop

    19
    0
    0
    Hola,

    ya lo hice y esta muy bien.

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

    Gracias!
     
  9. wikiprestashop

    wikiprestashop Administrator Miembro del equipo

    203
    1
    16
    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
     
  10. zona2010

    zona2010 Aprendiz de Prestashop

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

    zona2010 Aprendiz de Prestashop

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

Compartir esta página