// Quantity change function changeQty(delta) { var input = document.getElementById('productQty'); var val = parseInt(input.value) + delta; var max = parseInt(input.getAttribute('max')) || 99; if (val >= 1 && val <= max) { input.value = val; updateButtonsWithQty(val); updateTotalWithQty(val); } } function updateTotalWithQty(qty) { // Get current unit price var activeOption = document.querySelector('.rz-string-option.active'); var unitPrice = 0; if (activeOption) { unitPrice = parseFloat(activeOption.getAttribute('data-total-price')) || 0; } else { // Fallback: parse from current price display var priceEl = document.querySelector('.rz-current-price'); if (priceEl) { unitPrice = parseFloat(priceEl.textContent.replace(/[^\d.]/g, '')) || 0; } } if (unitPrice > 0) { var total = unitPrice * qty; var totalSpan = document.querySelector('.rz-total-amount'); if (totalSpan) { totalSpan.textContent = '₹' + total.toLocaleString('en-IN'); } } } function updateButtonsWithQty(qty) { var addToCartBtn = document.getElementById('addToCartBtn'); var buyNowBtn = document.querySelector('.rz-buy-now-btn'); if (addToCartBtn) { var currentUrl = new URL(addToCartBtn.href); currentUrl.searchParams.set('quantity', qty); addToCartBtn.href = currentUrl.toString(); } if (buyNowBtn) { var currentUrl = new URL(buyNowBtn.href); currentUrl.searchParams.set('quantity', qty); buyNowBtn.href = currentUrl.toString(); } } // Also listen for manual input changes document.getElementById('productQty').addEventListener('change', function() { var val = parseInt(this.value); var max = parseInt(this.getAttribute('max')) || 99; if (val < 1) val = 1; if (val > max) val = max; this.value = val; updateButtonsWithQty(val); updateTotalWithQty(val); }); document.getElementById('productQty').addEventListener('input', function() { var val = parseInt(this.value); if (val && val >= 1) { updateTotalWithQty(val); } }); // Tab switching document.querySelectorAll('.rz-tab-btn').forEach(function(btn) { btn.addEventListener('click', function() { var tabId = this.getAttribute('data-tab'); document.querySelectorAll('.rz-tab-btn').forEach(b => b.classList.remove('active')); document.querySelectorAll('.rz-tab-content').forEach(c => c.classList.remove('active')); this.classList.add('active'); document.getElementById(tabId).classList.add('active'); }); }); // Delivery check function checkDelivery() { var pincode = document.getElementById('deliveryPincode').value; if (pincode.length === 6) { alert('Delivery available to ' + pincode + '! Estimated delivery in 5-7 business days.'); } else { alert('Please enter a valid 6-digit pincode'); } } // Share product function shareProduct() { if (navigator.share) { navigator.share({ title: 'Metallic White Nylon Yonex BG66 Ultimax Badminton String', url: 'https://racketszone.com/product/metallic-white-nylon-yonex-bg66-ultimax-badminton-string-2/' }); } else { // Fallback - copy to clipboard navigator.clipboard.writeText('https://racketszone.com/product/metallic-white-nylon-yonex-bg66-ultimax-badminton-string-2/'); alert('Link copied to clipboard!'); } } // Image zoom function openImageZoom() { var img = document.getElementById('mainProductImage'); window.open(img.src, '_blank'); } // Wishlist functionality function getWishlist() { var wishlist = localStorage.getItem('rz_wishlist'); return wishlist ? JSON.parse(wishlist) : []; } function saveWishlist(wishlist) { localStorage.setItem('rz_wishlist', JSON.stringify(wishlist)); } function isInWishlist(productId) { var wishlist = getWishlist(); return wishlist.some(function(item) { return item.id === productId; }); } function toggleWishlist(productId, productName) { event.preventDefault(); var wishlist = getWishlist(); var btn = document.getElementById('wishlistBtn'); var icon = btn.querySelector('.wishlist-icon'); var text = btn.querySelector('.wishlist-text'); if (isInWishlist(productId)) { // Remove from wishlist wishlist = wishlist.filter(function(item) { return item.id !== productId; }); icon.textContent = '♡'; text.textContent = 'Add to Wishlist'; btn.classList.remove('in-wishlist'); showToast('Removed from Wishlist'); } else { // Add to wishlist wishlist.push({ id: productId, name: productName, url: window.location.href }); icon.textContent = '❤️'; text.textContent = 'In Wishlist'; btn.classList.add('in-wishlist'); showToast('Added to Wishlist!'); } saveWishlist(wishlist); } function showToast(message) { var toast = document.createElement('div'); toast.className = 'rz-toast'; toast.textContent = message; toast.style.cssText = 'position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#333;color:#fff;padding:15px 30px;border-radius:30px;font-size:14px;font-weight:600;z-index:10000;animation:fadeInUp 0.3s ease;'; document.body.appendChild(toast); setTimeout(function() { toast.style.opacity = '0'; setTimeout(function() { toast.remove(); }, 300); }, 2500); } // Check wishlist status on page load document.addEventListener('DOMContentLoaded', function() { var productId = 28980; if (isInWishlist(productId)) { var btn = document.getElementById('wishlistBtn'); if (btn) { var icon = btn.querySelector('.wishlist-icon'); var text = btn.querySelector('.wishlist-text'); icon.textContent = '❤️'; text.textContent = 'In Wishlist'; btn.classList.add('in-wishlist'); } } }); // Dynamic Price Update for Custom UI (Standard + Custom Hybrid) // Mark inline pricing as active to prevent conflict with external JS window.rzInlinePricingActive = true; document.addEventListener('DOMContentLoaded', function() { // Inject Bulk Rules var rulesJson = '[]'; var bulkRules = []; try { bulkRules = JSON.parse(rulesJson); if (!Array.isArray(bulkRules)) bulkRules = []; } catch(e) { bulkRules = []; } var bulkEnabled = false; // Initial prices from PHP var initialPrice = 650; var initialRegPrice = 900; // Global State var currentBasePrice = initialPrice; var currentRegPrice = initialRegPrice; var hasCustomUI = document.querySelector('.rz-string-option') !== null; var isVariableProduct = false; // jQuery listener for Standard WC variations if (typeof jQuery !== 'undefined') { jQuery('.variations_form').on('found_variation', function(e, variation) { currentBasePrice = parseFloat(variation.display_price) || 0; currentRegPrice = parseFloat(variation.display_regular_price) || currentBasePrice; console.log('Variation Found:', currentBasePrice, currentRegPrice); updateAllPrices(); }); jQuery('.variations_form').on('reset_data', function() { currentBasePrice = initialPrice; currentRegPrice = initialRegPrice; updateAllPrices(); }); // Also listen for variation select changes jQuery('.variations_form').on('change', 'select', function() { // After select change, wait for WC to process setTimeout(function() { var $form = jQuery('.variations_form'); var variationData = $form.data('product_variations'); if (variationData) { // Try to find matching variation var selectedAttrs = {}; $form.find('select').each(function() { var name = jQuery(this).attr('name'); var val = jQuery(this).val(); if (name && val) { selectedAttrs[name] = val; } }); // Find matching variation for (var i = 0; i < variationData.length; i++) { var variation = variationData[i]; var isMatch = true; for (var attrKey in selectedAttrs) { if (variation.attributes[attrKey] !== '' && variation.attributes[attrKey] !== selectedAttrs[attrKey]) { isMatch = false; break; } } if (isMatch && variation.variation_is_active) { currentBasePrice = parseFloat(variation.display_price) || 0; currentRegPrice = parseFloat(variation.display_regular_price) || currentBasePrice; updateAllPrices(); break; } } } }, 100); }); } // Get current quantity from any input function getCurrentQty() { // Priority 1: Custom quantity input var customQty = document.getElementById('productQty'); if (customQty && customQty.value) { return parseInt(customQty.value) || 1; } // Priority 2: WooCommerce quantity input var wcQty = document.querySelector('.quantity input.qty, input[name="quantity"]'); if (wcQty && wcQty.value) { return parseInt(wcQty.value) || 1; } return 1; } // Get current variation price from custom UI function getCustomUIPrice() { var activeRadio = document.querySelector('input[name="string_option"]:checked'); if (!activeRadio) { var firstRadio = document.querySelector('input[name="string_option"]'); if (firstRadio) { firstRadio.checked = true; activeRadio = firstRadio; } } if (activeRadio) { var lbl = activeRadio.closest('.rz-string-option'); if (lbl) { return { price: parseFloat(lbl.getAttribute('data-total-price')) || initialPrice, regPrice: parseFloat(lbl.getAttribute('data-total-regular-price')) || initialRegPrice }; } } return { price: initialPrice, regPrice: initialRegPrice }; } // Apply bulk discount rules (percentage-based) function applyBulkDiscount(unitPrice, qty) { if (!bulkEnabled || !bulkRules || bulkRules.length === 0) { return unitPrice; } var discountPercent = 0; bulkRules.forEach(function(rule) { if (!rule || typeof rule.min === 'undefined') return; var min = parseInt(rule.min) || 1; var max = rule.max ? parseInt(rule.max) : 999999; var ruleDiscount = parseFloat(rule.discount_percent) || 0; if (qty >= min && qty <= max) { discountPercent = ruleDiscount; } }); // Apply percentage discount var finalPrice = unitPrice * (1 - (discountPercent / 100)); return finalPrice; } // Highlight active bulk tier row and update unit prices function highlightBulkTier(qty) { var bulkTable = document.querySelector('.rz-bulk-pricing-table'); if (!bulkTable) return; // Get current base price var basePrice = currentBasePrice; if (hasCustomUI) { var priceData = getCustomUIPrice(); basePrice = priceData.price; } var rows = bulkTable.querySelectorAll('tbody tr'); rows.forEach(function(row) { row.classList.remove('active'); var min = parseInt(row.getAttribute('data-min')) || 1; var max = row.getAttribute('data-max') ? parseInt(row.getAttribute('data-max')) : 999999; var rowDiscount = parseFloat(row.getAttribute('data-discount')) || 0; // Update unit price for this row var rowUnitPrice = basePrice * (1 - (rowDiscount / 100)); var unitPriceEl = row.querySelector('.rz-unit-price'); if (unitPriceEl) { unitPriceEl.textContent = '₹' + new Intl.NumberFormat('en-IN').format(Math.round(rowUnitPrice)); } if (qty >= min && qty <= max) { row.classList.add('active'); } }); } // Main update function function updateAllPrices() { var qty = getCurrentQty(); var basePrice, regPrice; // Get base price based on UI type if (hasCustomUI) { var priceData = getCustomUIPrice(); basePrice = priceData.price; regPrice = priceData.regPrice; } else { basePrice = currentBasePrice; regPrice = currentRegPrice; } // Safety check - ensure we have valid prices if (!basePrice || basePrice <= 0) { console.log('No valid base price found'); return; } // Apply bulk discount var finalUnitPrice = applyBulkDiscount(basePrice, qty); // Calculate total var total = finalUnitPrice * qty; // Format numbers for Indian locale var formatPrice = function(num) { return '₹' + new Intl.NumberFormat('en-IN').format(Math.round(num)); }; // Update current price display var currentPriceEl = document.querySelector('.rz-current-price'); if (currentPriceEl) { currentPriceEl.textContent = formatPrice(finalUnitPrice); } // Update total price display var totalSpan = document.querySelector('.rz-total-amount'); if (totalSpan) { totalSpan.textContent = formatPrice(total); } // Update regular price and discount badge var originalPriceEl = document.querySelector('.rz-original-price'); var badgeEl = document.querySelector('.rz-discount-badge'); var priceRow = document.querySelector('.rz-price-row'); if (regPrice && regPrice > finalUnitPrice) { var discount = Math.round(((regPrice - finalUnitPrice) / regPrice) * 100); // Create or update original price element if (originalPriceEl) { originalPriceEl.textContent = formatPrice(regPrice); originalPriceEl.style.display = 'inline'; } else if (priceRow) { originalPriceEl = document.createElement('span'); originalPriceEl.className = 'rz-original-price'; originalPriceEl.textContent = formatPrice(regPrice); priceRow.appendChild(originalPriceEl); } // Create or update discount badge if (badgeEl) { badgeEl.textContent = discount + '% OFF'; badgeEl.style.display = 'inline-block'; } else if (priceRow) { badgeEl = document.createElement('span'); badgeEl.className = 'rz-discount-badge'; badgeEl.textContent = discount + '% OFF'; priceRow.appendChild(badgeEl); } } else { if (originalPriceEl) originalPriceEl.style.display = 'none'; if (badgeEl) badgeEl.style.display = 'none'; } // Highlight bulk tier highlightBulkTier(qty); console.log('Price Updated: Unit=' + finalUnitPrice + ', RegPrice=' + regPrice + ', Qty=' + qty + ', Total=' + total); } // Bind event listeners // Custom UI radio buttons document.querySelectorAll('input[name="string_option"]').forEach(function(radio) { radio.addEventListener('change', function() { // Update active class document.querySelectorAll('.rz-string-option').forEach(function(opt) { opt.classList.remove('active'); }); this.closest('.rz-string-option').classList.add('active'); // Update prices updateAllPrices(); }); }); // Custom quantity input var customQtyInput = document.getElementById('productQty'); if (customQtyInput) { customQtyInput.addEventListener('change', updateAllPrices); customQtyInput.addEventListener('input', updateAllPrices); } // WooCommerce quantity inputs document.querySelectorAll('.quantity input.qty, input[name="quantity"]').forEach(function(inp) { inp.addEventListener('change', updateAllPrices); inp.addEventListener('input', updateAllPrices); }); // +/- button clicks (with slight delay for DOM update) document.addEventListener('click', function(e) { if (e.target.matches('.rz-qty-btn, .plus, .minus, button[class*="qty"]') || e.target.closest('.rz-qty-btn, .plus, .minus')) { setTimeout(updateAllPrices, 50); } }); // Initial calculation on page load updateAllPrices(); });