מדריך התקנת NesFit

<script>
(function(){
  var garmentUrl = {{ product.featured_image.src | json }};
  if(!garmentUrl) return;
  var btn = document.createElement('button');
  btn.innerText = 'Virtual Try-On';
  btn.style.cssText = 'display:block;width:100%;padding:14px;margin:12px 0;background:#3A86C8;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;';
  btn.onclick = function(){
    var url = 'https://try.nesfit.app/?store=global&garment_url=' + encodeURIComponent(garmentUrl);
    var overlay = document.createElement('div');
    overlay.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:99999;display:flex;align-items:center;justify-content:center;';
    var iframe = document.createElement('iframe');
    iframe.src = url;
    iframe.style.cssText = 'width:90%;max-width:480px;height:85vh;border:none;border-radius:12px;';
    iframe.allow = 'camera';
    var close = document.createElement('button');
    close.innerText = '✕';
    close.style.cssText = 'position:absolute;top:16px;right:16px;background:white;border:none;border-radius:50%;width:36px;height:36px;font-size:18px;cursor:pointer;z-index:100000;';
    close.onclick = function(){ document.body.removeChild(overlay); };
    overlay.appendChild(iframe);
    overlay.appendChild(close);
    document.body.appendChild(overlay);
  };
  var form = document.querySelector('form[action*="/cart/add"]');
  if(form) form.parentNode.insertBefore(btn, form.nextSibling);
  else document.querySelector('.product-form, .product__info-container, [data-product-form]')?.appendChild(btn);
})();
</script>