LOT074. 전수공 사다리 수선 24春

jQuery(function($){ var $oc = $('[data-kd-oc]'); var $form = $('.single-product form.cart').first(); if (!$oc.length || !$form.length) return; var isVariable = $form.find('.variations select').length > 0; var basePrice = parseFloat($oc.data('price')) || 0; var max = parseInt($oc.data('max'), 10) || 0; var $val = $oc.find('[data-kd-qty-val]'); var $regularEl = $oc.find('[data-kd-regular]'); var $saleEl = $oc.find('[data-kd-sale]'); var baseRegularText = $regularEl.text(); // PHP가 찍어둔 정상가 텍스트 var current = { price: basePrice, ready: !isVariable }; var variationsBuilt = false; function qty(){ return Math.max(1, parseInt($val.val(), 10) || 1); } function fmt(n){ return Math.round(n).toLocaleString('ko-KR') + '원'; } function render(){ if (current.ready){ $oc.find('[data-kd-total]').text(fmt(current.price * qty())); } else { // 클리어(미선택) 상태 → 0원, 취소선 숨김 $oc.find('[data-kd-total]').text(fmt(0)); $saleEl.text(fmt(0)); $regularEl.hide(); } } /* ── 단일상품: 할인 있으면 취소선 표시 ── */ if (!isVariable && baseRegularText && $regularEl.length){ // PHP가 $regular > $price 일 때만 텍스트를 유효하게 넣었다고 가정하기 어려우므로, // 정상가와 판매가가 다를 때만 노출 var regNum = parseFloat(baseRegularText.replace(/[^\d]/g, '')) || 0; if (regNum > basePrice){ $regularEl.show(); } } /* ── variation: 원본 select 복제 후 양방향 동기화 ── */ function buildVariations(){ if (!isVariable || variationsBuilt) return; var $origSelects = $form.find('.variations select'); if (!$origSelects.length) return; var $wrap = $oc.find('[data-kd-variations]').empty(); $origSelects.each(function(idx){ var $orig = $(this); var label = $orig.closest('tr').find('th label').text().trim() || ('옵션 ' + (idx + 1)); var $clone = $(''); $clone.append($orig.find('option').clone()); var $first = $clone.find('option').first(); if ($first.val() === '' || $first.val() == null){ $first.text('선택 : ' + label); } else { $('').text('선택 : ' + label).prependTo($clone); } $clone.on('change', function(){ $orig.val($clone.val()).trigger('change'); }); $orig.on('change', function(){ if ($clone.val() !== $orig.val()) $clone.val($orig.val() || ''); }); $wrap.append($clone); }); variationsBuilt = true; // 옵션이 하나일 때만 첫 실제 옵션 자동 선택 if ($origSelects.length === 1){ var $c = $wrap.find('.kd-oc__vselect').first(); var firstReal = $c.find('option').filter(function(){ return $(this).val() !== ''; }).first().val(); if (firstReal){ $c.val(firstReal); $origSelects.eq(0).val(firstReal).trigger('change'); } } } if (isVariable){ $form.on('found_variation', function(e, v){ current.price = parseFloat(v.display_price); current.ready = true; $saleEl.text(fmt(current.price)); if (v.display_regular_price > v.display_price){ $regularEl.text(fmt(v.display_regular_price)).show(); } else { $regularEl.hide(); } max = (v.max_qty === '' || v.max_qty == null) ? 0 : parseInt(v.max_qty, 10); render(); }); $form.on('reset_data', function(){ current.ready = false; var $cs = $oc.find('.kd-oc__vselect'); $form.find('.variations select').each(function(i){ $cs.eq(i).val($(this).val() || ''); }); render(); }); } /* ── 스크롤 잠금 / 해제 ── */ function blockTouch(e){ if (!e.target.closest('.kd-oc__panel')) e.preventDefault(); } function hideChannelTalk(){ if (window.ChannelIO){ try { window.ChannelIO('hideChannelButton'); } catch(e){} } } function showChannelTalk(){ if (window.ChannelIO){ try { window.ChannelIO('showChannelButton'); } catch(e){} } } function lock(){ document.documentElement.classList.add('kd-lock'); document.body.classList.add('kd-lock'); document.addEventListener('touchmove', blockTouch, { passive:false }); hideChannelTalk(); } function unlock(){ document.documentElement.classList.remove('kd-lock'); document.body.classList.remove('kd-lock'); document.removeEventListener('touchmove', blockTouch, { passive:false }); showChannelTalk(); } /* ── 수량 ── */ $oc.on('click', '[data-kd-qty]', function(){ var n = qty() + ($(this).data('kd-qty') === '+' ? 1 : -1); if (n 0 && n > max) n = max; $val.val(n); render(); }); $oc.on('input', '[data-kd-qty-val]', render); /* ── 열기 / 닫기 ── */ function open(){ buildVariations(); $oc.prop('hidden', false); requestAnimationFrame(function(){ $oc.addClass('is-open'); }); lock(); render(); } function close(){ $oc.removeClass('is-open'); unlock(); setTimeout(function(){ $oc.prop('hidden', true); }, 280); } $(document).on('click', '.kd-open, .kd-open .elementor-button', function(e){ e.preventDefault(); open(); }); $oc.on('click', '[data-kd-close]', close); $(document).on('keydown', function(e){ if (e.key === 'Escape' && $oc.hasClass('is-open')) close(); }); /* ── 수량 동기화 + 담기/바로구매 ── */ function syncQty(){ $form.find('input.qty').val(qty()).trigger('change'); } function ensureVariation(){ if (isVariable && !current.ready){ alert('옵션을 선택해 주세요.'); return false; } return true; } $oc.on('click', '[data-kd-cart]', function(){ if (!ensureVariation()) return; syncQty(); close(); // 먼저 캔버스 닫기 setTimeout(function(){ // 닫히는 중에 담기 → 토스트 안 가려짐 $form.find('.single_add_to_cart_button').not('.buynow_button').first().trigger('click'); }, 300); }); $oc.on('click', '[data-kd-buy]', function(){ if (!ensureVariation()) return; syncQty(); $form.find('.buynow_button').first().trigger('click'); }); });