Twitter cards en Prestashop para todos los productos automático gratis y fácil

Centro Comercial Empresas WEB Europa
Centro Comercial Empresas WEB Europa
Boton google jk1969
Boton tuitear jk1969

Como poner las etiquetas de Twitter Card en Prestashop para todos tus productos de una forma sencilla, automática y fácil

Twitter cards en Prestashop para todos los productos automático gratis y fácil

Esto funciona en la versión 1.6 de Prestashop, no lo he probado en otras versiones, pero el proceso será parecido y solo habrá que buscar las variables oportunas.

Cuando compartes una pagina WEB en Twitter, si esta pagina contiene ciertas etiquetas se genera una Twitter Card como ves en la foto de arriba.

Tal como viene Prestashop 1.6 las Twitter Cards no se generan, es decir que cuando le das a compartir en cualquier pagina de un producto, solo aparece el texto y el enlace pero nada más.

Con estas pocas etiquetas en el -header- de las paginas conseguiremos que Twitter nos valide la Twitter Card:

{if $page_name =='product'}
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="{$meta_title|escape:'html':'UTF-8'}">
<meta name="twitter:description" content="{$product->description_short}">
<meta name="twitter:image" content="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')|escape:'html':'UTF-8'}">
<meta name="twitter:site" content="@usuarioTwitter">
<meta name="twitter:creator" content="@usuarioTwitter">
{/if}


Si quieres que el precio del producto salga antes de la descripción usa ésta línea para la metaetiqueta description:
<meta name="twitter:description" content="{round($product->price)}€ +IVA. {$product->description_short}">

Mejora en el precio al quitar los decimales, ya que dependiendo del lenguaje se separan por punto o coma, gracias a @carlosbs2 por su apunte!

Solo tienes que cambiar @usuarioTwitter por tu nombre de usuario de Twitter.

Y estas líneas las añades al header.tpl de tu theme de Prestashop. Como he usado la plantilla por defecto el fichero header.tpl que hay que editar está en /directorioTienda/themes/default-bootstrap del directorio donde tengas instalada la tienda Prestashop.

¿Dónde las añades? , puedes ponerlas justo debajo de la ultima linea que veas que empieza también con <meta name=...
La pagina principal no tendrá Twitter Card porque las variables estarán vacías y las paginas de categorías tampoco, pero lo que me interesaba es que las paginas de los productos tuvieran una bonita Twitter Card y con estos sencillos pasos nos la genera de forma automática.

No me hago responsable de las chapuzas ajenas, bastante tengo con las mías :-)

Tambien te puede interesar : 

Enviar correo de verificación al crear cuenta Prestashop

Script PHP para la importación de productos y categorías en Prestashop 1.6



Actualizado: 06-11-2015 por @Juanky1969_Site en BLOG en la sección artículos general

Centro Comercial Empresas WEB Europa