• Home
• PRU6-0600/A Pot Rack Undershelf

document.getElementById('calculate-shipping-btn').addEventListener('click', function() { var zip = document.getElementById('shipping-zip').value; var resultsDiv = document.getElementById('shipping-results'); var productId = "7566"; if (!zip) { resultsDiv.innerHTML = "Please enter a postcode."; return; } resultsDiv.innerHTML = "Fetching rates..."; // Try to find the selected variant, but don't stop if it's missing var variantIdInput = document.querySelector('input[name="sku_id"]') || document.querySelector('input[name="variant_id"]'); var variantId = variantIdInput ? variantIdInput.value : null; // Logic: Use variant if available, otherwise use base product var item = { "quantity": 1, "product_id": parseInt(productId) }; if (variantId && variantId !== "") { item.variant_id = parseInt(variantId); } var cartData = { "line_items": [item] }; fetch('/api/storefront/carts', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(cartData) }) .then(function(res) { if (!res.ok) { // If it fails with the first attempt, it's usually because of required options. // We force a retry using ONLY the product_id (ignoring variants) return fetch('/api/storefront/carts', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ "line_items": [{ "quantity": 1, "product_id": parseInt(productId) }] }) }); } return res; }) .then(function(res) { if (!res.ok) throw new Error('Please select an option to see accurate rates.'); return res.json(); }) .then(function(cart) { var cartId = cart.id; return fetch('/api/storefront/carts/' + cartId + '/estimates', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ "address": { "zip": zip, "country_code": "AU" } }) }) .then(function(res) { return res.json(); }) .then(function(rates) { return {rates: rates, cartId: cartId}; }); }) .then(function(data) { if (data.rates && data.rates.length > 0) { var html = '

'; data.rates.forEach(function(rate) { var price = typeof rate.cost === 'number' ? rate.cost.toFixed(2) : rate.cost; html += '
• ' + rate.description + ': $' + price + '
'; }); html += '

'; resultsDiv.innerHTML = html; } else { resultsDiv.innerHTML = "No rates found for this postcode."; } fetch('/api/storefront/carts/' + data.cartId, { method: 'DELETE' }); }) .catch(function(err) { resultsDiv.innerHTML = "Error: " + err.message; }); });