Error en el boton share  

 
Israel
 Israel
Estimable Member

cuando se hace un twiit en algun producto, el boton share se mueve y se queda por debajo de los bootones de facebook y twiiter , adjunto foto para mejor comprensión
cuando no se comparte en redes sociales todo esta alineado pero cuando comparte se queda asi

un saludo y gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 25/09/2012 6:59 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

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

ResponderCitar
Respondido : 25/09/2012 7:28 pm

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

Israel
 Israel
Estimable Member

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

ResponderCitar
Respondido : 25/09/2012 8:08 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

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

ResponderCitar
Respondido : 25/09/2012 9:29 pm

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

Israel
 Israel
Estimable Member

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

ResponderCitar
Respondido : 25/09/2012 9:55 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

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

ResponderCitar
Respondido : 25/09/2012 10:04 pm

Cursos Gratuitos WordPress

Israel
 Israel
Estimable Member

Hola Jhon,

Nos pasa solamente con algunos productos.

ResponderCitar
Respondido : 25/09/2012 11:09 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola Israel,

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

Saludos.

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

ResponderCitar
Respondido : 25/09/2012 11:48 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Israel
 Israel
Estimable Member

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/

ResponderCitar
Respondido : 26/09/2012 10:02 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

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

ResponderCitar
Respondido : 26/09/2012 11:26 am

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

Israel
 Israel
Estimable Member

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

ResponderCitar
Respondido : 26/09/2012 12:55 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

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

ResponderCitar
Respondido : 26/09/2012 3:12 pm

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

Por favor Iniciar Sesión o Registro