msOptionsPrice2 Вывод остатков на страницу товара.

[[!msOptionsPrice.modification?
&tpl=`count_tpl`
&where=`{"count" > 0}`
&toPlaceholder=`mycounts`
]]

[[+count]] шт

<span class="msoptionsprice-count msoptionsprice-[[*id]]">[[+mycounts]]</span>

<p class="msoptionsprice-count msoptionsprice-[[*id]] numeric-value" id="ajax-container">[[+count]]</p>

document.addEventListener("DOMContentLoaded", function() {
  function handleAjax() {
    const numericElements = document.querySelectorAll(".numeric-value");
    for (let i = 0; i < numericElements.length; i++) {
      const value = parseFloat(numericElements[i].textContent);
      if (value === 0) {
        numericElements[i].textContent = "Нет в наличии";
      } else if (value > 0) {
        numericElements[i].textContent = "Есть в наличии";
      }
    }
  }
  document.addEventListener("ajaxLoad", handleAjax);
  setTimeout(function() {
    const newNumericValue = document.createElement("span");
    newNumericValue.textContent = "0";
    newNumericValue.classList.add("numeric-value");
    document.body.appendChild(newNumericValue);
    const newNumericValue2 = document.createElement("span");
    newNumericValue2.textContent = "10";
    newNumericValue2.classList.add("numeric-value");
    document.body.appendChild(newNumericValue2);
    const ajaxLoadEvent = new Event("ajaxLoad");
    document.dispatchEvent(ajaxLoadEvent);
  }, 3000);
  const observer = new MutationObserver(function(mutationsList) {
    for (const mutation of mutationsList) {
      if (mutation.type === "childList") {
        const ajaxLoadEvent = new Event("ajaxLoad");
        document.dispatchEvent(ajaxLoadEvent);
      }
    }
  });
  const ajaxContainer = document.querySelector("#ajax-container");
  if (ajaxContainer) {
    observer.observe(ajaxContainer, { childList: true });
  }
});