<div class="df-card__stock">{{#translate}}{{availability}}{{/translate}}</div>



Um einen Lagerhinweis im Layer anzuzeigen, benötigst du das Custom-Template. 


Füge an der Stelle, an der du den Hinweis haben möchtest folgenden Tag ein: 


<div class="df-card__stock">{{#translate}}{{availability}}{{/translate}}</div>


Füge ebenso, im Custom Template Textfeld, vor oder nach dem "<script>"-Tag folgenden Code ein:


<div style="display: none;" id="stockstatus">
  <div class="instock">
    <div class="delivery-status">
      <span class="status status-2"><i class="fa fa-truck"></i> auf Lager</span>
    </div>
  </div>
  <div class="outstock">
    <div class="delivery-status">
      <span class="status status-0"><i class="fa fa-truck"></i> ausverkauft</span>
    </div>
  </div>
</div>


Im LayerScript erweiterst du in das "display" - Object mit den Übersetzungs IDs, zusammen mit dem Custom Template sollte das dann ungefähr so aussehen:


// ...
var dfClassicLayers = [{
  "queryInput": "input[name='qs']",
  "hashid": "###HASHID###",
  "zone": "eu1",
  "display": {
    "translations": {
      "in stock": document.querySelector("#stockstatus .instock").innerHTML,
      "out of stock": document.querySelector("#stockstatus .outstock").innerHTML,
    },
   "results": {
      "template": document.getElementById('df-results-template').innerHTML,
    },
  },
}];
// ...