back-to-top [MODULO] Back to top - PS 1.7 Gratuito

[jat]

Hola a tod@s

Comparto con vosotros un Módulo gratuito que ande un botón para subir arriba o back to top.

Podéis descargarlo en .zip y renombrar la carpeta a backtotop y la copiais directamente dentro de la carpeta modules en prestashop 1.7.

La idea que este publicado en github es también para que puedan contribuir o añadir mejoras.

La próxima versión, permitirá modificar los estilos del botón desde el back-end.

Cuidaros un saludo a tod@s

 

[fitnesstienda]

Buenas,

En chrome y firefox sale un cuadrado en vez de una flecha

???

[jat]

  On 3/20/2021 at 12:03 PM, fitnesstienda said:

Buenas,

En chrome y firefox sale un cuadrado en vez de una flecha

???

Expand  

Hola @fitnesstienda primero borra la cache de PS, no se si ya lo has probado? Si ya has hecho eso mira en las css, en mi caso yo utilizo FontAwesome

Mira si tienes la librería de FontAwesome instalada en tu template. Y si no puedes añadir el tuyo modificando las css.

#back-top .to-top {

}
#back-top .to-top::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: black;
}

Dime si funciona, un saludo

[fitnesstienda]

  On 3/20/2021 at 12:30 PM, jat said:

Hola @fitnesstienda primero borra la cache de PS, no se si ya lo has probado? Si ya has hecho eso mira en las css, en mi caso yo utilizo FontAwesome

Mira si tienes la librería de FontAwesome instalada en tu template. Y si no puedes añadir el tuyo modificando las css.

#back-top .to-top {

}
#back-top .to-top::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: black;
}

Dime si funciona, un saludo

Expand  

Buenos días, si tengo la librería instalada y nada sigue sin aparecer la flecha

[jat]

  On 3/21/2021 at 8:18 AM, fitnesstienda said:

Buenos días, si tengo la librería instalada y nada sigue sin aparecer la flecha

Expand  

@fitnesstienda Que version de Prestashop utilizas?

Has borrado la cache de Prestashop?

Y la de tu Navegador (Firefox / Chrome)?

[fitnesstienda]

  On 3/21/2021 at 8:40 AM, jat said:

@fitnesstienda Que version de Prestashop utilizas?

Has borrado la cache de Prestashop?

Y la de tu Navegador (Firefox / Chrome)?

Expand  

Versión 1.7.1.2

si he borrado cache de prestashop

si he borrado la de los navegadores

Es en esta web https://www.nutricionavanzada.es/

Edited March 21, 2021 by fitnesstienda (see edit history)

[jat]

  On 3/21/2021 at 8:50 AM, fitnesstienda said:

Versión 1.7.1.2

si he borrado cache de prestashop

si he borrado la de los navegadores

Es en esta web https://www.nutricionavanzada.es/

Expand  

Hola @fitnesstienda

Mira la versión de FontAwesome que está instalada en el template, en mi caso es una versión reciente y busca el icono que necesitas o mas te guste. En una instalación no funcionó por que no tenía todos los css de FontAwesome, pero normalmente al indicar en las css el icono que necesitas tendría que mostrarse sin mayor problema.

Un saludo

JAT