La Botavara Posted January 8, 2020 Share Posted January 8, 2020 (edited) Hola a todos, Llevo unos días intentando configurar open Graph pero no consigo que al compartir un producto en Facebook me salga la imagen entera. Cuando lo comparto desde el movil la foto sale cuadrada, pero desde el PC la foto sale rectangular, por lo que sale cortada. He preguntado al creador del tema y me ha dicho que la plantilla viene con las etiquetas OG correctas, por lo que ya no tengo ni idea de como hacer que la foto no salga cortada. ¿Alguien sabe como solucionarlo? Muchas gracias. Edited January 14, 2020 by La Botavara (see edit history) Link to comment Share on other sites More sharing options...
joseantgv Posted January 8, 2020 Share Posted January 8, 2020 El problema sí que es del theme. Tiene las etiquetas correctas pero está mostrando una imagen que no tiene la ratio correcta para Facebook. Tendrías que crear un nuevo tamaño de imagen y cambiar la etiqueta OG para que coja este tipo de imagen. 1 Link to comment Share on other sites More sharing options...
La Botavara Posted January 8, 2020 Author Share Posted January 8, 2020 29 minutes ago, joseantgv said: El problema sí que es del theme. Tiene las etiquetas correctas pero está mostrando una imagen que no tiene la ratio correcta para Facebook. Tendrías que crear un nuevo tamaño de imagen y cambiar la etiqueta OG para que coja este tipo de imagen. He creado un nuevo tamaño de 600x314 al que he llamado "facebook", pero no se como editar el codigo para cambiar la imagen. Este es el codigo que tengo en product.tpl: <meta property="og:image" content="{$product.cover.large.url}"> ¿Que debo modificar? Muchas gracias. Link to comment Share on other sites More sharing options...
joseantgv Posted January 8, 2020 Share Posted January 8, 2020 Prueba {$product.cover.facebook.url}, pero no estoy seguro que funcione. Link to comment Share on other sites More sharing options...
La Botavara Posted January 8, 2020 Author Share Posted January 8, 2020 1 minute ago, joseantgv said: Prueba {$product.cover.facebook.url}, pero no estoy seguro que funcione. No, lo probé hace un rato y no me funcionó. Link to comment Share on other sites More sharing options...
Prestafan33 Posted January 8, 2020 Share Posted January 8, 2020 Ten en cuenta que si creas un tramaño nuevo tienes que regenerar luego todas las imágenes para que se creen en el nuevo formato. Link to comment Share on other sites More sharing options...
La Botavara Posted January 9, 2020 Author Share Posted January 9, 2020 12 hours ago, Prestafan33 said: Ten en cuenta que si creas un tramaño nuevo tienes que regenerar luego todas las imágenes para que se creen en el nuevo formato. Lo se, ya se han regenerado las imágenes, pero al cambiar el código por {$product.cover.facebook.url} no sale la imagen en la etiqueta OG image Link to comment Share on other sites More sharing options...
joseantgv Posted January 9, 2020 Share Posted January 9, 2020 Comentale al desarrollador del theme a ver dónde puedes cambiar esa URL. Link to comment Share on other sites More sharing options...
La Botavara Posted January 14, 2020 Author Share Posted January 14, 2020 On 1/9/2020 at 12:05 PM, joseantgv said: Comentale al desarrollador del theme a ver dónde puedes cambiar esa URL. Se lo comenté al creador del tema y me lo acaba de solucionar. No se si habrá hecho más modificaciones, pero este es el codigo que ha puesto en product. tpl <meta property="og:image" content="{$product.cover.bySize.facebook.url}"> Doy el tema por solucionado. Muchas gracias. 1 Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now