Loading...

23,8" LCD-Touch-Monitor, Marke: Dell, schwarz

23,8″ LCD-Touch-Monitor, Marke: Dell, schwarz

Masse (BxHxT): 53,8 x 20–43 x 24–38 cm (je nach Neigung)

Hier bestellen:

Registrieren Sie sich, um den Preis anzuzeigen.

Ebenfalls nützlich:

Artikel-Modul

Komplette Warenwirtschaft für Ihr COMCASH

Registrieren Sie sich, um den Preis anzuzeigen.

Marketing-Modul

Umsatzsteigerung und Kundenbindung

Registrieren Sie sich, um den Preis anzuzeigen.

pro Monat

Kostenloser Newsletter

ANMELDE um lukrative Preise und Zahlungsvarianten zu sehen.

document.addEventListener('DOMContentLoaded', function () { function initPaymentPlans() { const wrapper = document.querySelector('.wcd-wrapper'); if (!wrapper) return false; const plans = wrapper.querySelectorAll( '.payment-plan-options li.payment-plan' ); if (!plans.length) return false; /* * Create the price area */ plans.forEach(function (plan) { if (!plan.querySelector('.custom-plan-price')) { const priceBox = document.createElement('div'); priceBox.className = 'custom-plan-price'; priceBox.innerHTML = ` Total – `; plan.appendChild(priceBox); } if (!plan.querySelector('.plan-arrow')) { const arrow = document.createElement('span'); arrow.className = 'plan-arrow'; arrow.innerHTML = '›'; plan.appendChild(arrow); } }); /* * Read the plugin's current calculation */ function readCalculation() { const todayElement = wrapper.querySelector('#pay-today'); const futureElement = wrapper.querySelector('#pay-future'); const todayText = todayElement ? todayElement.innerText : ''; const futureText = futureElement ? futureElement.innerText : ''; /* * Extract CHF amounts. */ const matches = futureText.match( /CHF\s*[\d.,'’]+/gi ) || []; /* * Convert CHF string to number. */ function toNumber(value) { let number = value .replace(/CHF/gi, '') .replace(/\s/g, '') .replace(/[’']/g, ''); /* * Swiss format: * 1'254.30 */ number = number.replace(/,/g, ''); return parseFloat(number) || 0; } const todayAmount = toNumber(todayText); const futureAmounts = matches.map(toNumber); const futureTotal = futureAmounts.reduce( function (sum, amount) { return sum + amount; }, 0 ); return { today: todayAmount, future: futureAmounts, total: todayAmount + futureTotal }; } /* * Format CHF */ function formatCHF(amount) { return 'CHF ' + amount.toLocaleString('de-CH', { minimumFractionDigits: 2, maximumFractionDigits: 2 }); } /* * Put price into a card */ function updateCard(plan, calculation) { const box = plan.querySelector('.custom-plan-price'); if (!box) return; const total = box.querySelector('.price-total'); const installment = box.querySelector('.price-installment'); const label = box.querySelector('.price-label'); if (calculation.total > 0) { total.textContent = formatCHF(calculation.total); } /* * Monthly installment */ if (calculation.future.length > 0) { const number = calculation.future.length; const monthly = calculation.future[0]; label.textContent = 'Total'; installment.textContent = number + ' Raten à ' + formatCHF(monthly); } else { label.textContent = 'Zahlbar'; installment.textContent = ''; } } /* * Get current calculation state. */ function getState() { const today = wrapper.querySelector('#pay-today'); const future = wrapper.querySelector('#pay-future'); return ( (today ? today.innerText : '') + '|' + (future ? future.innerText : '') ); } /* * Wait until plugin calculation changes. */ function waitForPlugin(oldState) { return new Promise(function (resolve) { let count = 0; const timer = setInterval(function () { count++; const newState = getState(); if ( newState !== oldState && newState.length > 5 ) { clearInterval(timer); setTimeout( resolve, 150 ); } /* * Maximum 4 seconds. */ if (count >= 40) { clearInterval(timer); resolve(); } }, 100); }); } /* * Calculate every payment option. */ async function calculatePlans() { const selected = wrapper.querySelector( '.payment-plan-options input[type="radio"]:checked' ); const originalValue = selected ? selected.value : null; for (const plan of plans) { const radio = plan.querySelector( 'input[type="radio"]' ); if (!radio) continue; const oldState = getState(); /* * Select payment plan. */ radio.click(); /* * Wait for the plugin. */ await waitForPlugin(oldState); /* * Read calculation. */ const calculation = readCalculation(); /* * Update this card. */ updateCard( plan, calculation ); } /* * Restore original selection. */ if (originalValue) { const originalRadio = wrapper.querySelector( '.payment-plan-options input[value="' + originalValue + '"]' ); if (originalRadio) { originalRadio.click(); } } } /* * Initial calculation. */ setTimeout(function () { calculatePlans(); }, 1000); /* * Update selected plan immediately. */ plans.forEach(function (plan) { const radio = plan.querySelector( 'input[type="radio"]' ); if (!radio) return; radio.addEventListener( 'change', function () { setTimeout(function () { const calculation = readCalculation(); updateCard( plan, calculation ); }, 600); } ); }); /* * WooCommerce variation changes. */ if (window.jQuery) { jQuery(document).on( 'found_variation', 'form.variations_form', function () { setTimeout(function () { calculatePlans(); }, 1000); } ); } return true; } /* * Sometimes the payment plugin loads * after DOMContentLoaded. * * Try several times. */ let attempts = 0; const starter = setInterval(function () { attempts++; if (initPaymentPlans()) { clearInterval(starter); } if (attempts >= 30) { clearInterval(starter); } }, 300); });