Office 365 – SharePoint Online – Creating counters in your refinement panels.

Office 365 – SharePoint Online – Creating counters in your refinement panels.today I found this article in which Microsoft describes how to create refinement panels with counters

https://support.office.com/en-us/article/Change-settings-for-the-Refinement-Web-Part-fc0a2cb2-4947-4df8-ace2-3486ad8318b3

A couple of issues in this article.

First of all when I downloaded the filter_default.html display template i found that the following lines appeared below the closing </html> tag:

var g_duration = 125;
var g_iisLatency = 1;
var g_requireJSDone = new Date().getTime();

when I then uploaded the filter display template I got:

This  error point towards the above script section outside the html tags.

I then moved the script lines inside the html tags ( just following the last div and the refiners are working.

Then now my second issue with the above article. out of the box display templates should never be edited. Always create a copy and rename display templates to have a useful name. Then apply the template to the web part.