${price} Exc VAT

`; priceWrapper.insertAdjacentHTML('afterbegin', priceExVatElm); mainPrice.innerHTML = `(${priceIncVat} Inc VAT)`; } else { let exVatElement = priceWrapper.querySelector('.spice-spa-addon-price-ex-vat'); if (exVatElement) { exVatElement.style.display = 'none'; } } } var addonsData = spiceAllAddonsData; addonsData.forEach(itemData => { let addon = document.querySelector(`#spice_product_main_block_${itemData.id}`); if (!addon) return; let variantId = addon.querySelector('[name="spice_select_variant_id"]').value; updatePrices(itemData, variantId); let variantSelect = addon.querySelector('select[name="spice_select_variant_id"]'); if (variantSelect) { variantSelect.addEventListener('change', function () { updatePrices(itemData, this.value); }); } }); } class ExVatSubTotal { constructor() { this.subtotalDiv = document.querySelector('.sg-pro-subtotal-price'); this.vatRate = 1.2; this.init(); } init() { this.subtotalDiv = document.querySelector('.sg-pro-subtotal-price'); if (!this.subtotalDiv) return; this.bindEvents(); } getPriceExVat(price) { return (price * this.vatRate).toFixed(2); } updateSubtotal() { const currentSubTotal = SPICEADDONS?.addonSubTotal?.currentSubTotalPrice; if (!currentSubTotal) return; let subtotal = parseFloat(currentSubTotal.replace(/[^0-9]/g, '')); let subtotalExVat = this.getPriceExVat(subtotal); subtotal = SPICEADDONS.currencyFormats.mainFormat(subtotal); subtotalExVat = SPICEADDONS.currencyFormats.mainFormat(subtotalExVat); if (this.subtotalDiv) { this.subtotalDiv.innerHTML = ` ${subtotal} Exc VAT (${subtotalExVat} Inc VAT) `; } } setSubtotal() { const allChecked = document.querySelectorAll('input[name="spice_productid"]:checked'); if (this.subtotalDiv) { if (allChecked.length > 0) { this.subtotalDiv.classList.add('isSubVisible'); } else { this.subtotalDiv.classList.remove('isSubVisible'); } } } bindEvents() { document.querySelectorAll('input[name="spice_productid"]').forEach(item => { item.addEventListener('change', () => { this.updateSubtotal(); this.setSubtotal() }); }); document.addEventListener('spicegemsAddons:subTotalPriceUpdated', () => { this.updateSubtotal(); this.setSubtotal() }); var variantSelector = document.querySelector('variant-selects') if (variantSelector) { variantSelector.addEventListener('change', () => { this.updateSubTotal(); this.setSubtotal() }) } } observeDomChanges() { const observer = new MutationObserver(mutationsList => { for (const mutation of mutationsList) { for (const node of mutation.addedNodes) { if (node.nodeType !== 1) continue; if ( node.matches?.('variant-selects') || node.querySelector?.('variant-selects') || node.matches?.('input[type="radio"][data-option-value-id]') || node.querySelector?.('input[type="radio"][data-option-value-id]') ) { this.init(); return; } } } }); observer.observe(document.body, { childList: true, subtree: true, }); } } document.addEventListener('spicegemsAddon:inserted', () => { ExVatAddonPrice(); new ExVatSubTotal().observeDomChanges(); });

Collection: groz

groz FAQs

Expert help & advice

Call us today on

Drop us an email

Product Comparison