Интернет-магазин на Hello Elementor

				
					<script>
(function ($) {

  function renderStepper($btn, qty) {
    qty = parseInt(qty || 1, 10);

    const pid = $btn.data('product_id') || $btn.attr('data-product_id');
    if (!pid) return;

    const html = `
      <div class="eg-qty" data-product_id="${pid}">
        <button type="button" class="eg-qty__btn eg-qty__minus" aria-label="minus">−</button>
        <input type="number" class="eg-qty__input" min="0" step="1" value="${qty}">
        <button type="button" class="eg-qty__btn eg-qty__plus" aria-label="plus">+</button>
      </div>
    `;

    $btn.replaceWith(html);
  }

  function setStepperValue(productId, qty) {
    const $wrap = $(`.eg-qty[data-product_id="${productId}"]`);
    if ($wrap.length) {
      $wrap.find('.eg-qty__input').val(parseInt(qty || 0, 10));
      return true;
    }
    return false;
  }

  function fetchCartQtyMap() {
    const url = wc_add_to_cart_params.wc_ajax_url.toString().replace('%%endpoint%%', 'eg_get_cart_qty');

    return $.getJSON(url)
      .then(function (res) {
        if (res && res.success && res.data && res.data.items) return res.data.items;
        return {};
      })
      .catch(function () {
        return {};
      });
  }

  function applyQtyToGrid(itemsMap) {
    $('.add_to_cart_button').each(function () {
      const $btn = $(this);
      const pid = parseInt($btn.data('product_id') || $btn.attr('data-product_id'), 10);
      if (!pid) return;

      const q = parseInt(itemsMap[pid] || 0, 10);
      if (q > 0) {
        renderStepper($btn, q);
      }
    });

    Object.keys(itemsMap || {}).forEach(function (pid) {
      setStepperValue(pid, itemsMap[pid]);
    });
  }

  function getQtyFromFragments(productId) {
    let found = null;
    const $mini = $('.widget_shopping_cart, .woocommerce-mini-cart');
    if (!$mini.length) return null;

    $mini.find('[data-product_id]').each(function () {
      const pid = parseInt($(this).data('product_id'), 10);
      if (pid === parseInt(productId, 10)) {
        const txt = $(this).closest('li, .woocommerce-mini-cart-item').text();
        const m = txt.match(/(\d+)\s*×/);
        if (m) found = parseInt(m[1], 10);
      }
    });

    return found;
  }

  function setCartQty(productId, qty) {
    qty = parseInt(qty, 10);
    if (isNaN(qty) || qty < 0) qty = 0;

    if (qty === 0) {
      const $remove = $(`.woocommerce-mini-cart a.remove[data-product_id="${productId}"],
                         .widget_shopping_cart a.remove[data-product_id="${productId}"]`).first();
      if ($remove.length) {
        $remove.trigger('click');
        return;
      }
    }

    return $.post(
      wc_add_to_cart_params.wc_ajax_url.toString().replace('%%endpoint%%', 'add_to_cart'),
      {
        product_id: productId,
        quantity: qty,
        eg_set_qty: 1
      }
    ).done(function () {
      $(document.body).trigger('added_to_cart');
    });
  }

  $(document.body).on('added_to_cart', function (e, fragments, cart_hash, $button) {
    if ($button && $button.length) {
      const pid = $button.data('product_id') || $button.attr('data-product_id');
      if (pid) {
        const current = getQtyFromFragments(pid) || 1;

        if (!setStepperValue(pid, current)) {
          renderStepper($button, current);
        }
      }
    }

    fetchCartQtyMap().then(function (itemsMap) {
      applyQtyToGrid(itemsMap);
    });
  });

  $(document).on('click', '.eg-qty__plus, .eg-qty__minus', function () {
    const $wrap = $(this).closest('.eg-qty');
    const pid = $wrap.data('product_id');
    const $inp = $wrap.find('.eg-qty__input');

    let val = parseInt($inp.val() || 0, 10);
    if ($(this).hasClass('eg-qty__plus')) val += 1;
    else val = Math.max(0, val - 1);

    $inp.val(val);
    setCartQty(pid, val);
  });

  $(document).on('change', '.eg-qty__input', function () {
    const $wrap = $(this).closest('.eg-qty');
    const pid = $wrap.data('product_id');
    const val = parseInt($(this).val() || 0, 10);
    setCartQty(pid, val);
  });

  $(function () {
    fetchCartQtyMap().then(function (itemsMap) {
      applyQtyToGrid(itemsMap);
    });

    setTimeout(function () {
      $('.add_to_cart_button').each(function () {
        const $btn = $(this);
        const pid = $btn.data('product_id') || $btn.attr('data-product_id');
        if (!pid) return;

        const q = getQtyFromFragments(pid);
        if (q && q > 0) {
          renderStepper($btn, q);
        }
      });
    }, 400);
  });

  const obsTarget = document.body;
  const observer = new MutationObserver(function (mutations) {
    let need = false;
    for (const m of mutations) {
      if (m.addedNodes && m.addedNodes.length) {
        if ($(m.addedNodes).find('.add_to_cart_button').length || $(m.addedNodes).is('.add_to_cart_button')) {
          need = true;
          break;
        }
      }
    }
    if (need) {
      fetchCartQtyMap().then(function (itemsMap) {
        applyQtyToGrid(itemsMap);
      });
    }
  });
  observer.observe(obsTarget, { childList: true, subtree: true });

})(jQuery);
</script>