Jump to content

Recommended Posts

Tengo una pagina donde muestro un tooltip al pasar por encima de productos o imagenes. Hasta hace unos dias funcionaba correctamente pero ahora ha dejado de hacerlo al mover mi web de carpeta.

He probado a poner un alert en el custom.js (es donde meto codigo) y si que me lo detecta con lo cual no entiendo porque me ha dejado de funcionar.

Este es el codigo (creo que es correcto)

$(document).ready(function() {
$('[data-id-product="143"]').tooltip({
		items: "img",
		content: '<img src="https://einatall.com/img/fwt.png" />'
	});
	prestashop.on('updateProductList', function (param) {
		$('[data-id-product="143"]').tooltip({
			items: "img",
			content: '<img src="https://einatall.com/img/fwt.png" />'
		})
	})
});

Puede que me este cargando el js antes de entrar a la pagina? No creo porque el alert me lo detecta.

 

La pagina: 

https://einatall.com/41-conos-fresadores

Share this post


Link to post
Share on other sites

Las pruebas que yo haria seria, eliminar o comentar las 400 mil líneas de código para generar tooltip y hacer una prueba únicamente con un elemento, creo que por ahi podria estar el problema, porque asi como esta parece que no hay forma de que funcione. En caso de que no funcionase solo con un elemento (después de vaciar el cache que en PS 1.7 es muy persistente), probaria asignando el tooltip al enlace la de la imagen.

Suerte!

Share this post


Link to post
Share on other sites

Ya he probado con un solo elemento y borrando la caché. Probaré lo de la URL.

Share this post


Link to post
Share on other sites

Hola Rolige. Tampoco funciona con el enlace de la imagen. Sigo probando a la espera de tu respuesta.

Share this post


Link to post
Share on other sites
Posted (edited)

Quizá tengo que añadir algo a la libreria? Esto no lo hice la otra vez pero igual se ha desconfigurado algo ya que he probado con un alert y si que me lo hace bien...

Edited by Adrian

Share this post


Link to post
Share on other sites

¿Que libreria estar cargando para los tooltip?, porque debería tener una documentación API de su uso.

Share this post


Link to post
Share on other sites

No lo sé. Yo es que la otra vez puse el codigo y ya me funcionó. Como podria mirarlo?

Share this post


Link to post
Share on other sites

De acuerdo a la documentación de Bootstrap 4, que veo estas en el tema clásico de PS 1.7, existen varias librerías que deben ser cargadas para el correcto funcionamiento de los tooltips, o en su defecto cargar bootstrap.bundle.min.jshttps://getbootstrap.com/docs/4.0/components/tooltips/

Share this post


Link to post
Share on other sites
Posted (edited)

Estoy intentando cargar bootstrap.bundle.min.js en javascript.tpl pero no lo consigo.

{foreach $javascript.external as $js}
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.bundle.min.js" {$js.attribute}></script>
{/foreach}
{foreach $javascript.external as $js}
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" {$js.attribute}></script>
{/foreach}

Tampoco con el popper.min.js

Lo estoy cargando bien, no?

Edited by Adrian

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More