[SOLUCIONADO]Foto producto al compartir en Facebook

[Antony Mauricio Roja]

Hola amigos, una consulta.

Estoy compartiendo imágenes de mi página web en Facebook, pero me doy cuenta de que la imagen de Facebook no encaja bien, parece un poco grande.

Estoy subiendo imágenes a mi catálogo de 800x800px.

¿Puedo solucionar este problema de la imagen compartida en Facebook? ¿Como?

Adjunto imagen cuando comparto en FB

Edited September 9, 2021 by Antony Mauricio Roja (see edit history)

[Loadinges]

Buenas,

Prestashop usa por defecto la imagen "large_default" (800x800), que es cuadrada, ejemplo del código:

<meta property="og:image" content="https://dominio.xxx/img/p/2/4/24-large_default.jpg">

Y la imagen que usa Facebook debe mantener una relación de aspecto 1.91:1, que viene a ser 1200x630px, como mínimo 600x315px. De ahí que Facebook recorte la imagen.

Podrías crear un tipo de imagen que mantenga las proporciones que Facebook quiere, y modificar el fichero .tpl que le dice a Facebook que imagen debe coger. En la plantilla por defecto sería el fichero:

/themes/classic/templates/catalog/product.tpl

Cambiando:

<meta property="og:image" content="{$product.cover.large.url}">

Por el nombre del tipo de imagen creado/deseado.

Adjunto captura de pantalla de los tipos de imágenes que tiene Prestashop por defecto, y un ejemplo de como las recorta Prestashop para adaptarlas al tamaño.

 

Edited August 23, 2021 by Loadinges (see edit history)

[Antony Mauricio Roja]

Hola buen día,
Realicé el procedimiento, pero ahora me muestra la imagen de mi logo. adjunto la imagen de referencia y el codigo

 

[SmartDataSoft]

4 hours ago, Antony Mauricio Roja said:

Hola buen día,
Realicé el procedimiento, pero ahora me muestra la imagen de mi logo. adjunto la imagen de referencia y el codigo

 

 

Creo que te olvidas de regenerar las imágenes. Hace unos días escribimos un artículo en nuestro blog relacionado con esto, donde mostramos cómo usar diferentes tipos de imagen para la imagen de Facebook o agregar un nuevo tipo de imagen y usar esa imagen con detalles. Puedes consultar los detalles aquí  https://classydevs.com/add-open-graph-data-on-prestashop/ 

 

gracias

[Antony Mauricio Roja]

Buen dìa, realicé lo comentado, inclusive la regeneración de miniaturas y no coge el nuevo tamaño de imagen. si coloco otra configuración si coge(probé con la configuración de "medium_default" que viene ya creado en PS y si coge)

[Loadinges]

Buenas,

Acabo de hacer la prueba, he creado una imagen llamada "facebook", y parece que así no funciona:

<meta property="og:image" content="{$product.cover.facebook.url}">

Funciona así:

<meta property="og:image" content="{$product.cover.bySize.facebook.url}">

Prueba así, cambiando "facebook" por el nombre usado.

[Antony Mauricio Roja]

Muchas gracias, realicé lo indicado

<meta property="og:image" content="{$product.cover.bySize.facebook.url}">

y funcionó, gracias por el apoyo.