I've noticed that many merchants want to add a Facebook widget comments plugin to own CMS page in shop based on PrestaShop engine. In this short guide i want to show you how easily you can do that, without modification of controllers. This guide contains description related to only two files modification: cms.tpl + header.tpl file
Header.tpl file modification
Header.tpl file contains all important codes in <header> section of your website. Usually in this part of website we include js scripts, css files, script codes etc. In this case we will include facebook libraries. If you use default theme, this file is located in this path: /themes/default/header.tpl so please open it.
Right after <body> code paste this:
{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/en_GB/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
{/literal}
This code uses en_GB language iso code, if you want to use other languages, instead en_GB just use own country code. You can find list of codes related to languages here: facebook language local codes. So, now it's time to include comments widget to your CMS pages.
Cms.tpl file modification
Cms.tpl file is a template file located in your theme directory, for default theme the path for file is: /themes/default/cms.tpl. This file contains code for CMS page in your store.
at the end of this file paste this code:
<div class="fb-comments" data-href="http://{$smarty.server.HTTP_HOST}{$smarty.server.REQUEST_URI}" data-numposts="5" data-colorscheme="light"></div>
Effects of modification:
Files manager and webp images support PrestaShop has files manager that gives possibility to upload images to img/cms/ directory. These pictures can be used to build product descriptions etc. How to add webp images support to this default files manager in PrestaShop ?
New Croatian law requries prices in two currencies Croatia switches currency to EUR. Because of this all on-line merchants requires to show prices in two currencies - Croatian Kuna and in Euros. How to achieve this in PrestaShop?
Brand on list of purchased products This guide shows how to add brand (manufacturer) name of product to list of purchased products on order details page in PrestaShop 1.7
VAT tax changes and PrestaShop Check how to deal with new VAT tax rules in European Union b2c transactions. Is PrestaShop ready for these changes?
