Cómo agregar un botón de Facebook Like en la página de productos de PrestaShop sin error 500

Al agregar un botón de Facebook Like o de recomendación en la página de productos de la tienda de PrestaShop puede que se genere un error en el servidor, precisamente un error 500, impidiendo que se cargue la página. Si bien podemos descargar alguno de los módulos gratis, ¿para qué recargar con más módulos si el código de Facebook es realmente sencillo de agregar?

Veremos aquí como agregar un botón de recomendación de Facebook Like en la página de productos de PrestaShop de forma efectiva sin que nos de el Server Error 500.

Primero debemos abrir la página template header.tpl para ubicar el script. El único detalle es que debemos encerrar el script entre {literal}.

{literal}
<div id="fb-root"></div>
<script><!--
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
-->
</script>
{/literal}

 

Luego abrimos product.tpl y buscamos una ubicación donde queremos colocar el botón. Probablemente debajo del título o debajo de la imagen, tal como está hecho en la página de productos de este vino Serralet Brut Nature.

Allí debemos ubicar el código de Facebook Like:

<div class="fb-like" data-href="http://weblatam.com/" data-send="true" data-layout="button_count" data-width="250" data-show-faces="true" data-action="recommend"></div>

Obviamente cambiando el campo data-href. Luego le damos guardar y subimos los cambios al servidor.