conflicto jquery e iframe Google Maps  

 
Edurne
 Edurne
Reputable Member

Buenas tardes;

Tengo un conflicto entre el plugin Woocomerce Tab Pro y el código iframe de Google maps.

El primer plugin crea distintas pestañas / tabs dentro de los productos Woocoomerce, pero tira de jquery y esto produce un conflicto a la hora de insertar el iframe de Google maps, aparece entrecortado o carga bien de manera intermitente.

He contactado con el proveedor del plugin y no obtengo respuesta. No sé si a vosotros se os ocurre cómo podría solucionar el tema.

Sería la pestaña Ubicación del siguiente producto: http://booking-cp507.wordpresstemporal.com/product/fuentehermosa/

Gracias de antemano,

Edurne.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 11/05/2015 6:01 pm
Julen
 Julen
Miembro Admin

Hola,

Lo primero que tendrías que comprobar si el componente Woocomerce Tab Pro está adaptado para trabajar correctamente junto con Google maps..

Tras comprobar lo que nos comentas, visualizo el mapa correctamente, como puedes ver en la imagen:

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 11/05/2015 6:47 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Edurne
 Edurne
Reputable Member

Hola Julen,

Puedes decirme el navegador y la versión desde el que has mirado la web?

He probado con IE, Firefox, y Chrome y a menudo no carga bien el mapa, hace cosas raras. Te adjunto captura.

Woocommerce Tabs Pro tiene precisamente una pestaña para embeber el iframe de Google Maps, pero la verdad es que no hila fino.

He mirado en foros y apuntan a que es un conflicto entre el jquey de las tabs y el iframe de Google Maps.

Pero lo cierto es que no he dado con la solución.

Por eso he intentado haceros la consulta.

ResponderCitar
Respondido : 11/05/2015 7:27 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Lo veo correctamente, he probado con firefox , además lo que veo en tu captura es que si que funciona la referencia a google maps, lo que pasa es que no termina de redibujar el mapa, pero dudo que esto sea por un conflicto con jquery ya que lo unico que hace el taba es cargar un iframe

Si que veo un mensaje de error de jquery cuando verifico con firebug, prueba insertar un mapa google en otra parte de tu sitio que no use tabs y verifica si te sucede lo mismo.

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 11/05/2015 10:23 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Edurne
 Edurne
Reputable Member

Buenos días;

Sí, ese es el problema, que a veces lo carga bien y otras a medias.

Ya probé insertar el mapa en una página normal sin tabs y todo corrió bien.

Me mosquea ese error jquery que ves en firebug. Puedes hacer la siguiente prueba?

En este artículo tengo Tabs pero no el iframe de Google, sigues viendo el error? http://booking-cp507.wordpresstemporal.com/product/arantzako-aterpea/

En este otro tengo tabs + iframe, entiendo que verás el error: http://booking-cp507.wordpresstemporal.com/product/fuentehermosa/

Gracias, a ver si lo vamos cercando,

Edurne.

ResponderCitar
Respondido : 12/05/2015 12:45 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

El error de jquery me sale incluso en el producto donde no hay mapa.

Respecto al mapa en sí lo que me ocurre no es que salga cortado, sino que sale con el zoom al mínimo, por lo que tengo que aplicar mucho zoom hasta que se llega a ver el producto.

Dado que el plugin Woocommerce Tabs Pro es de pago el soporte tendrían que dártelo los desarrolladores, ya que no podemos ofrecer soporte a extensiones de pago.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 12/05/2015 2:41 pm

Cursos Gratuitos WordPress

Edurne
 Edurne
Reputable Member

He dado con la solución, lo dejo aquí por si le sirve a alguien:

En lugar de coger el código de Google Maps lo he hecho desde Google My Maps, un ejemplo de código sería:

Saludos,

Edurne.

ResponderCitar
Respondido : 12/05/2015 4:17 pm

Por favor Iniciar Sesión o Registro