Custom Results (eigenes) Template einbinden

Geändert am Fri, 22 Apr 2022 um 09:53 AM

Um die Darstellung der Suchergebnisse in deinem Doofinder Layer anzupassen, kann das Custom Results Template (CRT) eingebunden werden. 

In diesem Template wird definiert, wie ein Artikel im Layer angezeigt wird. 


Damit das CRT vom Plugin bereitgestellt wird, muss es in den Einstellungen aktiviert werden.


Anschließend muss noch im Layer Script definiert werden, dass das CRT verwendet werden soll.

Hierfür muss das Display Attribut um folgendes ergänzt werden:


"display": {
    "results": {
        "template": document.getElementById('df-results-template').innerHTML
    }
}


Erweitert man den standard Layer, kann das folgendermaßen aussehen: 


<script>
var doofinder_script ='//cdn.doofinder.com/media/js/doofinder-classic.7.latest.min.js';
(function(d,t){var f=d.createElement(t),s=d.getElementsByTagName(t)[0];f.async=1;
f.src=('https:'==location.protocol?'https:':'http:')+doofinder_script;
f.setAttribute('charset','utf-8');
s.parentNode.insertBefore(f,s)}(document,'script'));

var dfClassicLayers = [{
 "queryInput": "input[name='qs']",
 "hashid": "###HASHID###",
 "zone": "eu1",
 "display": {
   "lang": "###LANG###",
   "width": "90%",
   "dtop": 10,
   "align": "center",
  "results": {
    "template": document.getElementById('df-results-template').innerHTML
   }
 },
 "searchParams": {
   transformer: null
 },
 "historyPlugin": true
}];
</script>



##########