Imagen en HTML personalizado

Para cualquier duda sobre Joomla! 3.x que no tenga cabida en alguno de los foros de más abajo.

Moderator: hefesto

Locked
iarnold
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Tue Jun 07, 2022 2:25 pm

Imagen en HTML personalizado

Post by iarnold » Tue Jun 07, 2022 2:43 pm

Buen día, escribo para consultar lo siguiente (soy nuevo en Joomla):
Tengo la versión Joomla! 3.10.9 y estoy poniendo en un módulo HTML personalizado una imagen. Este módulo se ve en todo el sitio. En la página principal veo bien la imagen (misitio/images/whatsapp-icon.png) pero en las otras (como por ejemplo Contactos) no me la muestra ya que la dirección donde la busca es "misitio/index.php/images/whatsapp-icon.png"
¿Qué puedo hacer en este caso para que la muestre en el sitio completo?
Agradecería su respuesta, saludos cordiales

User avatar
mjparadac
Joomla! Hero
Joomla! Hero
Posts: 2488
Joined: Mon Oct 29, 2012 3:58 pm

Re: Imagen en HTML personalizado

Post by mjparadac » Tue Jun 07, 2022 4:10 pm

Hola iarnold, bienvenido al foro.

¿Podrías compartir el código html que has insertado en el modulo?

Saludos,
Joomla Community Ambassador for A2 Hosting | A2 Hosting - Our speed, your success | https://www.a2hosting.com/joomla-hosting

iarnold
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Tue Jun 07, 2022 2:25 pm

Re: Imagen en HTML personalizado

Post by iarnold » Wed Jun 08, 2022 11:42 am

Muchas gracias por la pronta respuesta. El código es:

<script>
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {

document.write("<div style='position: fixed; left: 25px; bottom: 40px;'><a href='whatsapp://send?l=es&amp;phone=XXXX&amp;text=Consulta%21' target='_blank' rel='noopener'><img style='width: 40px !important; height: 40px !important;' title='Contáctese con nosotros' src='images/whatsapp-icon.png' alt='Contáctese con nosotros' /></a></div>");

} else {

document.write("<div style='position: fixed; left: 25px; bottom: 40px;'><a href='https://web.whatsapp.com/send?l=es&amp; ... onsulta%21' target='_blank' rel='noopener'><img style='width: 40px !important; height: 40px !important;' title='Contáctese con nosotros' src='images/whatsapp-icon.png' alt='Contáctese con nosotros' /></a></div>");
}
</script>


Locked

Return to “Joomla! 3.x”