Error en el boton share

Hola Israel,

Podrían ser problemas derivados de como hayas configurado el plugin de iconos sociales, veo que tiene espacios muy grandes entre iconos, lo que puede provocar que al hacer clic en uno de ellos este desborde el div (contenedor) colocándolo debajo acto seguido.

Además veo que el botón (en Firefox) de Facebook no se visualiza.

¿Has realizado cambios en la configuración de los botones de redes sociales?.

Saludos

Buenas, no hemos tacado nada, ni tan si quiera sabemos donde se hace.
como lo podemos solucionar? donde estan esas configuraciones para arreglar esto?

Un saludo

Hola Israel

Cada boton tiene definida una clase, puedes utilizar firebug para navegar sobre las clases de las etiquetas html ( los iframes) , por ejemplo podrías ubicar la etiqueta de twitter , verás que tiene un ancho definido de 118px, entonces como el botón share necesita más espacio puedes reducirlo

En algún archivo CSS de tu template, por ejemplo , template.css, podrías agregar un código similar al siguiente , es decir reducir los 118px a 108px dará espacio al botón share para que se posicione en la parte superior.

.twitter-share-button.twitter-count-horizontal{
  width:108px!important;
}

Saludos.

Gracias Jhon,

ahora si que ha subido.
La cosa es que hay productos en el que el icon de facebook ha desaparecido. Facilito captura de pantalla.

Un saludo

Hola Israel

Te sucede en todos los productos o sólo algunos.

Si no has tocada nada de código, debe ser un problema del servicio addthis , verifica si en otros sitios web o instalando un nuevo pack te sucede lo mismo.

Saludos.

Hola Jhon,

Nos pasa solamente con algunos productos.

Hola Israel,

Si reviertes los cambios que te comento Jhon se soluciona el problema?

Saludos.

Hola Jhon,

La verdad es que ya lo estaba haciendo así que nos gustaría saber la ruta donde puede estar el codigo addthis, así volver a insertarlo desde el codogo que se genera en la url https://www.addthis.com/

Hola,

Si te refiere a dónde tienes que incluir el código de la página addthis.com, lo puedes hacer en el archivo templates/ja_tiris/html/com_virtuemart/productdetails/default.php.

Aquí deberás tener un código como el siguiente:

Tendrías que sustituir este código por el que vayas a colocar. Antes de hacer, realiza una copia de seguridad del archivo.

Gracias pablo,

Hemos respetado el codigo que viene por defecto en el templates/ja_tiris/html/com_virtuemart/productdetails/default.php.

Aunque si que es verdad que hemos añadido un nuevo icon La cosa es que se nos vuelve a bajar el icon share.

Esto ya nos pasó anteriórmente y le pusimos la solución que Jhon nos facilitó, en este caso lo hacía con Twitter.

.twitter-share-button.twitter-count-horizontal{
width:108px!important;
}

Podrías facilitarme lo mismo para mover el icon pinterest y así conseguir mover el icon de share??

Muchas gracias

Un saludo

Hola,

He probado a ver una ficha de producto desde distintos navegadores y sistemas operativos y veo que todos los enlaces de redes sociales se muestran en una única línea.

Es posible que al pulsar sobre alguno de los botones este cambie de tamaño y afecte al resto de los botones. Fijar espacio podría provocar que algunos botones salgan cortados. Lo mejor sería que no mostraras todos los botones.