Qu'est-ce qui rend Comparatifs & Tests spécial ?

Comparatif Chauffage à Induction DynaVap — IH vs briquet, Ispire Wand Comparatif Sticky Brick — Junior vs OG vs Runt vs Flip Brick Butane vs Desktop — Quel appareil choisir ? DynaVap vs Mighty+ & Crafty+ — Butane contre batterie Vaporisateurs Artisanaux — Vapman, Lotus, Camouflet

Comment fonctionne Guides & Tutoriels ?

Guide Débutant — Le point de départ parfait Technique DynaVap : Chauffe & Airflow — Maîtriser la température Guide Briquet Jet Flame — Trouver le bon briquet Nettoyage & Entretien — Garder votre vaporisateur propre Sessions en Groupe — Vaporisateurs butane entre amis Guide Voyage — Vaporisateur butane en déplacement

Comment fonctionne Comparateur de Prix ?

Prix actuels dans notre Comparateur de Prix — mis à jour quotidiennement. Afficher les boutiques séparément 30J 90J Prix le plus bas58,65 € Moyenne88,99 € Prix le plus élevé145,00 € Vapor.com 60,34 € Pipe Puffin 62,11 € DankGeek 64,66 € Adult Source 74,50 € VaporizeUSA 76,72 € Planet of the Vapes 76,72 € TVape US 76,72 € Bong Outlet 76,72 € The Stash Shack 76,72 € DynaVap US 76,72 € Cannabox 76,72 € CaliConnected 76,72 € Planet of the Vapes CA 77,02 € Headshop.com 77,58 € The Herb Cafe 77,64 € TVape Canada 80,12 € Vapotlan 116,47 € Tienda de Humo MX 121,53 € Rosa María Smoke Shop 135,76 € Puha Express NZ 58,65 € VapeFully 62,10 € Cloud Gears PH 63,73 € Orangespot 67,95 € TVape 69 € Vaporizer Shopping 69 € MagicVaporizers DE 69 € CyberChill 69,94 € Temakiya 74,36 € MagicVaporizers AT 75 € BuyVapo 75,81 € Vaporizer Hut 75,88 € DopeVapes 75,92 € TVape UK 75,92 € MagicVaporizers UK 75,93 € VaporizzatoriShop 76 € TVape ES 76,46 € La Centrale Vapeur 79 € Vaping Lee 79 € 157Grad 79 € TVape FR 79 € Docteur Vaporisateur 79 € Verdampft Gut 79 € DampfKlar 79 € Vapowelt 79 € Cloudy HK 79,21 € Donaulife 79,90 € 420 Market 80,41 € Vapeys 80,61 € Rabbit Habit 81,19 € GoodTrip 81,20 € California Rocket 81,20 € Buddies Headshop DK 82,33 € Konoteka 82,44 € Vaporshop PL 82,74 € HerbVape 82,93 € Founta GR 83 € BuyHigh 84,95 € MagicVaporizers 85 € The Hempers 85 € Cannabis Inc 85 € MagicVaporizers FI 85 € MagicVaporizers NL 85 € MagicVaporizers IE 85 € MagicVaporizers GR 85 € MagicVaporizers IT 85 € MagicVaporizers ES 85 € MagicVaporizers PT 85 € Cannabis Clinics Malta 85 € MagicVaporizers DK 85,54 € KvalitniVaporizer 86,58 € Ripping Terps 87,61 € Evertree UK 87,62 € MagicVaporizers SE 87,96 € Johnnys Headshop 89,99 € Seeds of Love FI 90 € Giggle Grass 90,40 € Plantedamp 91,16 € Vape Junkie 93,45 € Skyline Smoke Company ZA 93,68 € Kanabi Slovenija 94,41 € Smoke Different 95 € Vape Store ZA 95,29 € Growbarato Chile 95,34 € Zootly 95,82 € Chilevapo 97,33 € Fumetas 98,25 € Zamnesia 99 € VapoShop 99 € Evertree 99 € Herbalize Store ES 99 € Herbalize Store SE 99 € DynaVap EU 99 € Vaposhop Deutschland 99 € Herbalize Store DE 99 € Herbalize Store IE 99 € VapoShop FR 99 € VapoShop IT 99 € VapoShop ES 99 € Herbalize Store FR 99 € Azarius 99 € Puff Puff Palace UK 99,17 € Herbalize Store UK 99,30 € Vaping4Health 99,30 € Jonnybaba IN 99,44 € Smoketower 108,13 € VapeFiend 115,49 € Headshop EE 119 € Puff Puff Palace DE 119,99 € Puff Puff Palace FR 119,99 € Puff Puff Palace NL 119,99 € Master of Seeds 119,99 € Vaporizadores BA Argentina 120,69 € Vaporiza 121,39 € Vaporizadores BA Colombia 135,58 € Bloommart CO 137,47 € La Vaporisterie 145 € Afficher tous les shops (+109) window.vcLoadChartJs=window.vcLoadChartJs||function(cb){if(typeof Chart!=='undefined'){cb();return;}if(window._vcChartLoading){var t=setInterval(function(){if(typeof Chart!=='undefined'){clearInterval(t);cb();}},50);return;}window._vcChartLoading=true;var s=document.createElement('script');s.src='https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js';s.onload=cb;document.head.appendChild(s);}; (function(){ var section = document.querySelector('[data-chart-id="vc-chart-6a95d33113b37"]'); var canvas = document.getElementById('vc-chart-6a95d33113b37'); if (!section || !canvas) return; var slug = section.dataset.slug; var shopData = {}; var currentDays = parseInt(section.dataset.days, 10) || 90; var region = section.dataset.region || ''; var chartInstance = null; var dataLoaded = false; // Chart-Modus: false = eine Tiefstpreis-Linie ueber alle Shops (Default), // true = eine Linie je angehaktem Shop (Opt-in, localStorage `vc_chart_mode`). var shopMode = false; try { shopMode = localStorage.getItem('vc_chart_mode') === 'shops'; } catch (e) {} var modeToggle = section.querySelector('.vc-sc-mode-input'); var bestPriceLabel = "Prix le plus bas"; function syncModeUi() { section.classList.toggle('vc-sc-mode-shops', shopMode); if (modeToggle) modeToggle.checked = shopMode; } syncModeUi(); function isEnLocale() { return (document.documentElement.lang || 'de').slice(0, 2).toLowerCase() === 'en'; } // Tooltip-Zeile "Label: Preis" — die Tiefstpreis-Linie haengt den an dem Tag // guenstigsten Shop an (dataset.vcShops je Datenpunkt). function chartTooltipLabel(ctx, state) { var line = ctx.dataset.label + ': ' + (ctx.parsed.y * state.rate).toFixed(2).replace('.', isEnLocale() ? '.' : ',') + ' ' + state.symbol; var shops = ctx.dataset.vcShops; if (shops && shops[ctx.dataIndex]) line += ' · ' + shops[ctx.dataIndex]; return line; } // Currency state mirrors currency-switcher.php — same fallback rates + symbols // so the chart renders correctly even before the live rates fetch resolves. var VC_FALLBACK_RATES = {"EUR":1,"USD":1.16,"GBP":0.856,"CHF":0.937,"PLN":4.34,"SEK":11.13,"DKK":7.47,"NOK":10.85,"CZK":24.14,"HUF":365.31,"CAD":1.61,"BRL":6.01,"JPY":185.58,"AUD":1.62,"RUB":99.82}; var VC_SYMBOLS = { EUR: '€', USD: '$', GBP: '£', CHF: 'CHF', PLN: 'zł', SEK: 'kr', RUB: '₽' }; function getCurrencyState() { var code = 'EUR', rates = VC_FALLBACK_RATES; try { code = localStorage.getItem('vc_currency') || 'EUR'; var cached = localStorage.getItem('vc_exchange_rates'); if (cached) { var parsed = JSON.parse(cached); if (parsed && parsed.rates) rates = parsed.rates; } } catch (e) {} return { code: code, symbol: VC_SYMBOLS[code] || code, rate: rates[code] || 1 }; } function applyChartCurrency() { var state = getCurrencyState(); section.querySelectorAll('.vc-sc-price[data-eur]').forEach(function(el) { var eur = parseFloat(el.dataset.eur); if (isNaN(eur)) return; el.textContent = Math.round(eur * state.rate).toLocaleString((document.documentElement.lang||'de').slice(0,2).toLowerCase()==='en'?'en-US':'de-DE') + ' ' + state.symbol; }); if (dataLoaded) { updateStats(); } else { section.querySelectorAll('.vc-stat[data-eur]').forEach(function(el) { var eur = parseFloat(el.dataset.eur); var valEl = el.querySelector('.vc-stat-val'); if (valEl && !isNaN(eur)) { valEl.textContent = (eur * state.rate).toFixed(2).replace('.', (document.documentElement.lang||'de').slice(0,2).toLowerCase()==='en'?'.':',') + ' ' + state.symbol; } }); } if (chartInstance) { chartInstance.options.scales.y.ticks.callback = function(v) { return Number(v * state.rate).toLocaleString((document.documentElement.lang||'de').slice(0,2).toLowerCase()==='en'?'en-US':'de-DE', { maximumFractionDigits: 2 }) + ' ' + state.symbol; }; chartInstance.options.plugins.tooltip.callbacks.label = function(ctx) { return chartTooltipLabel(ctx, state); }; chartInstance.update(); } } function updateStats() { var allPrices = []; Object.keys(shopData).forEach(function(s) { shopData[s].forEach(function(p) { if (p.y !== null) allPrices.push(p.y); }); }); if (!allPrices.length) return; var min = Math.min.apply(null, allPrices); var max = Math.max.apply(null, allPrices); var avg = allPrices.reduce(function(a, b) { return a + b; }, 0) / allPrices.length; // Persist live EUR baselines on the .vc-stat parents so subsequent // currency switches re-derive from accurate aggregates, not from the // PHP-rendered shop-MIN snapshot which can drift after history loads. var minEl = section.querySelector('.vc-stat.vc-stat-min'); var avgEl = section.querySelector('.vc-stat.vc-stat-avg'); var maxEl = section.querySelector('.vc-stat.vc-stat-max'); if (minEl) minEl.dataset.eur = min.toFixed(2); if (avgEl) avgEl.dataset.eur = avg.toFixed(2); if (maxEl) maxEl.dataset.eur = max.toFixed(2); var state = getCurrencyState(); var fmt = function(v) { return (v * state.rate).toFixed(2).replace('.', (document.documentElement.lang||'de').slice(0,2).toLowerCase()==='en'?'.':',') + ' ' + state.symbol; }; var vals = section.querySelectorAll('.vc-stat-val'); if (vals[0]) vals[0].textContent = fmt(min); if (vals[1]) vals[1].textContent = fmt(avg); if (vals[2]) vals[2].textContent = fmt(max); } function buildChart() { if (!dataLoaded) return; var cutoff = new Date(); cutoff.setDate(cutoff.getDate() - currentDays); var cutoffStr = cutoff.toISOString().split('T')[0]; var datasets = []; if (!shopMode) { // Default: Tages-Minimum ueber ALLE Shops der Liste (nicht nur die // angehakten) — plus guenstigster Shop je Tag fuer den Tooltip. var byDate = {}; section.querySelectorAll('.vc-sc-shops input').forEach(function(cb){ var name = cb.closest('label').querySelector('.vc-sc-name').textContent; (shopData[cb.dataset.shop] || []).forEach(function(p){ if (p.x < cutoffStr || p.y === null || isNaN(p.y)) return; if (!(p.x in byDate) || p.y < byDate[p.x].price) byDate[p.x] = { price: p.y, shop: name }; }); }); var minDates = Object.keys(byDate).sort(); if (minDates.length) { var single = minDates.length === 1; datasets.push({ label: bestPriceLabel, data: minDates.map(function(d){ return { x: d, y: byDate[d].price }; }), vcShops: minDates.map(function(d){ return byDate[d].shop; }), borderColor: '#10b981', backgroundColor: '#10b98120', tension: single ? 0 : 0.3, fill: false, spanGaps: true, showLine: !single, pointRadius: single ? 5 : 2, pointHoverRadius: 5, borderWidth: 2 }); } } else { section.querySelectorAll('.vc-sc-shops input:checked').forEach(function(cb){ var s = cb.dataset.shop; var color = cb.dataset.color; var pts = (shopData[s] || []).filter(function(p){ return p.x >= cutoffStr; }); if (pts.length) datasets.push({ label: cb.closest('label').querySelector('.vc-sc-name').textContent, data: pts, borderColor: color, backgroundColor: color + '20', tension: 0.3, fill: false, spanGaps: true, pointRadius: 2, pointHoverRadius: 5, borderWidth: 2 }); }); } // Capture currency state at chart-build time. shopData stays in EUR; // we multiply by rate inside the axis/tooltip callbacks so repeated // currency switches stay precise (no drift from chained multiplication). var state = getCurrencyState(); if (chartInstance) chartInstance.destroy(); chartInstance = new Chart(canvas, { type: 'line', data: { datasets: datasets }, options: { responsive: true, maintainAspectRatio: false, interaction: { intersect: false, mode: 'index' }, plugins: { legend: { display: false }, tooltip: { callbacks: { label: function(ctx){ return chartTooltipLabel(ctx, state); } } } }, scales: { x: { type: 'category', ticks: { maxTicksLimit: 6, font: { size: 11 } }, grid: { display: false } }, y: { grace: '15%', ticks: { callback: function(v){ return Number(v * state.rate).toLocaleString((document.documentElement.lang||'de').slice(0,2).toLowerCase()==='en'?'en-US':'de-DE', { maximumFractionDigits: 2 }) + ' ' + state.symbol; }, font: { size: 11 } }, grid: { color: '#f1f5f9' } } } } }); } function loadChartJs(cb) { window.vcLoadChartJs(cb); } function fetchAndBuild() { fetch('/wp-json/vapochecker/v1/chart-history/' + encodeURIComponent(slug) + '?days=' + currentDays + (region ? '&region=' + encodeURIComponent(region) : '')) .then(function(r) { return r.json(); }) .then(function(rows) { shopData = {}; rows.forEach(function(r) { if (!shopData[r.shop_slug]) shopData[r.shop_slug] = []; shopData[r.shop_slug].push({ x: r.date, y: r.in_stock == 1 ? parseFloat(r.price) : null }); }); dataLoaded = true; updateStats(); loadChartJs(buildChart); }); } function init() { // Apply saved currency to PHP-rendered EUR snapshot before history fetch // so a USD-saved visitor never sees a flash of EUR before fetchAndBuild // resolves (~200-800 ms on cold cache). applyChartCurrency(); // Re-render axis/tooltip + stats + shop-list when user toggles currency. // In-place via chartInstance.update() — no destroy/recreate (per fix-spec). document.addEventListener('vc:currency-changed', applyChartCurrency); fetchAndBuild(); section.querySelectorAll('.vc-sc-shops input').forEach(function(cb){ cb.addEventListener('change', buildChart); }); if (modeToggle) { modeToggle.addEventListener('change', function(){ shopMode = !!this.checked; try { localStorage.setItem('vc_chart_mode', shopMode ? 'shops' : 'min'); } catch (e) {} if (typeof gtag === 'function') gtag('event', 'chart_mode_toggle', { mode: shopMode ? 'shops' : 'min', surface: 'shortcode' }); if (typeof clarity === 'function') clarity('event', 'chart_mode_' + (shopMode ? 'shops' : 'min')); syncModeUi(); if (dataLoaded && window.Chart) buildChart(); }); } section.querySelectorAll('.vc-period-btn').forEach(function(btn){ btn.addEventListener('click', function(){ section.querySelectorAll('.vc-period-btn').forEach(function(b){ b.classList.remove('active'); }); this.classList.add('active'); currentDays = parseInt(this.dataset.days, 10); fetchAndBuild(); }); }); var toggleBtn = section.querySelector('.vc-sc-toggle-more'); if (toggleBtn) { toggleBtn.addEventListener('click', function(){ section.classList.toggle('vc-sc-expanded'); var span = toggleBtn.querySelector('.vc-sc-toggle-more-text'); if (span) { var expanded = section.classList.contains('vc-sc-expanded'); span.textContent = expanded ? span.dataset.less : span.dataset.more; } }); } } if ('IntersectionObserver' in window) { var obs = new IntersectionObserver(function(entries){ if (entries[0].isIntersecting) { obs.disconnect(); init(); } }, { rootMargin: '200px' }); obs.observe(section); } else { document.readyState === 'loading' ? document.addEventListener('DOMContentLoaded', init) : init(); } })(); .vc-sc-chart { margin: 16px 0 24px; } /* .vc-stats-inline/.vc-stat leben in product-detail.css, die auf Artikel- Seiten NICHT geladen wird — dort blieb inline und das Label klebte am Betrag ("Tiefstpreis80,24 €"). Gescoped auf .vc-sc-chart, damit die Produktseiten-Regeln unberührt bleiben. */ .vc-sc-chart .vc-stats-inline { display: flex; justify-content: center; flex-wrap: wrap; gap: 24px; margin-top: 16px; padding-top: 12px; border-top: 1px solid #f1f5f9; } .vc-sc-chart .vc-stat small { display: block; font-size: 13px; font-weight: 400; color: #475569; margin-bottom: 2px; } .vc-sc-header { display: flex; justify-content: flex-end; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 8px; } /* Chart-Modus: ohne .vc-sc-mode-shops sind die Shop-Labels reine Legende (Name + Preis), Dots und Checkbox-Klicks haben keine Funktion. */ .vc-sc-mode-toggle { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: #64748b; cursor: pointer; user-select: none; white-space: nowrap; margin: 0; } .vc-sc-mode-toggle input { margin: 0; width: 14px; height: 14px; accent-color: #3b82f6; cursor: pointer; } .vc-sc-mode-toggle:hover { color: #334155; } .vc-sc-chart:not(.vc-sc-mode-shops) .vc-sc-dot { display: none; } .vc-sc-chart:not(.vc-sc-mode-shops) .vc-sc-shop-label { cursor: default; pointer-events: none; } .vc-sc-chart:not(.vc-sc-mode-shops) .vc-sc-shop-label input:not(:checked) ~ .vc-sc-name, .vc-sc-chart:not(.vc-sc-mode-shops) .vc-sc-shop-label input:not(:checked) ~ .vc-sc-price { opacity: 1; } .vc-sc-shops { display: flex; flex-wrap: wrap; gap: 6px 12px; margin-top: 12px; padding: 10px 0 0; border-top: 1px solid #f0f0f0; } .vc-sc-shop-label { display: flex; align-items: center; gap: 5px; cursor: pointer; font-size: 13px; color: #374151; white-space: nowrap; } .vc-sc-shop-label input { display: none; } .vc-sc-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; transition: opacity .15s; } .vc-sc-shop-label input:not(:checked) ~ .vc-sc-dot { opacity: .3; } .vc-sc-shop-label input:not(:checked) ~ .vc-sc-name, .vc-sc-shop-label input:not(:checked) ~ .vc-sc-price { opacity: .45; } .vc-sc-price { font-weight: 600; color: #111; margin-left: 2px; } .vc-sc-shop-label.vc-sc-hidden { display: none; } .vc-sc-chart.vc-sc-expanded .vc-sc-shop-label.vc-sc-hidden { display: flex; } .vc-sc-toggle-more { margin-top: 10px; background: none; border: 0; color: #3b82f6; font-size: 13px; font-weight: 500; cursor: pointer; padding: 4px 0; display: inline-block; font-family: inherit; } .vc-sc-toggle-more:hover { text-decoration: underline; } Afficher les boutiques séparément 30J 90J Prix le plus bas76,00 € Moyenne94,30 € Prix le plus élevé137,06 € DankGeek 137,06 € Docteur Vaporisateur 76 € Chilevapo 78,79 € Chill Kiwi 79,08 € StonerCornerTH 79,53 € Founta GR 83 € Rabbit Habit 84,71 € BuyHigh 89,95 € Zamnesia 99 € Royal Queen Seeds 99 € Cannabis Inc 99 € Azarius 99 € Vaporiza 99,71 € Herba di Berna 116,33 € Afficher tous les shops (+7) (function(){ var section = document.querySelector('[data-chart-id="vc-chart-6a95d33113f6e"]'); var canvas = document.getElementById('vc-chart-6a95d33113f6e'); if (!section || !canvas) return; var slug = section.dataset.slug; var shopData = {}; var currentDays = parseInt(section.dataset.days, 10) || 90; var region = section.dataset.region || ''; var chartInstance = null; var dataLoaded = false; // Chart-Modus: false = eine Tiefstpreis-Linie ueber alle Shops (Default), // true = eine Linie je angehaktem Shop (Opt-in, localStorage `vc_chart_mode`). var shopMode = false; try { shopMode = localStorage.getItem('vc_chart_mode') === 'shops'; } catch (e) {} var modeToggle = section.querySelector('.vc-sc-mode-input'); var bestPriceLabel = "Prix le plus bas"; function syncModeUi() { section.classList.toggle('vc-sc-mode-shops', shopMode); if (modeToggle) modeToggle.checked = shopMode; } syncModeUi(); function isEnLocale() { return (document.documentElement.lang || 'de').slice(0, 2).toLowerCase() === 'en'; } // Tooltip-Zeile "Label: Preis" — die Tiefstpreis-Linie haengt den an dem Tag // guenstigsten Shop an (dataset.vcShops je Datenpunkt). function chartTooltipLabel(ctx, state) { var line = ctx.dataset.label + ': ' + (ctx.parsed.y * state.rate).toFixed(2).replace('.', isEnLocale() ? '.' : ',') + ' ' + state.symbol; var shops = ctx.dataset.vcShops; if (shops && shops[ctx.dataIndex]) line += ' · ' + shops[ctx.dataIndex]; return line; } // Currency state mirrors currency-switcher.php — same fallback rates + symbols // so the chart renders correctly even before the live rates fetch resolves. var VC_FALLBACK_RATES = {"EUR":1,"USD":1.16,"GBP":0.856,"CHF":0.937,"PLN":4.34,"SEK":11.13,"DKK":7.47,"NOK":10.85,"CZK":24.14,"HUF":365.31,"CAD":1.61,"BRL":6.01,"JPY":185.58,"AUD":1.62,"RUB":99.82}; var VC_SYMBOLS = { EUR: '€', USD: '$', GBP: '£', CHF: 'CHF', PLN: 'zł', SEK: 'kr', RUB: '₽' }; function getCurrencyState() { var code = 'EUR', rates = VC_FALLBACK_RATES; try { code = localStorage.getItem('vc_currency') || 'EUR'; var cached = localStorage.getItem('vc_exchange_rates'); if (cached) { var parsed = JSON.parse(cached); if (parsed && parsed.rates) rates = parsed.rates; } } catch (e) {} return { code: code, symbol: VC_SYMBOLS[code] || code, rate: rates[code] || 1 }; } function applyChartCurrency() { var state = getCurrencyState(); section.querySelectorAll('.vc-sc-price[data-eur]').forEach(function(el) { var eur = parseFloat(el.dataset.eur); if (isNaN(eur)) return; el.textContent = Math.round(eur * state.rate).toLocaleString((document.documentElement.lang||'de').slice(0,2).toLowerCase()==='en'?'en-US':'de-DE') + ' ' + state.symbol; }); if (dataLoaded) { updateStats(); } else { section.querySelectorAll('.vc-stat[data-eur]').forEach(function(el) { var eur = parseFloat(el.dataset.eur); var valEl = el.querySelector('.vc-stat-val'); if (valEl && !isNaN(eur)) { valEl.textContent = (eur * state.rate).toFixed(2).replace('.', (document.documentElement.lang||'de').slice(0,2).toLowerCase()==='en'?'.':',') + ' ' + state.symbol; } }); } if (chartInstance) { chartInstance.options.scales.y.ticks.callback = function(v) { return Number(v * state.rate).toLocaleString((document.documentElement.lang||'de').slice(0,2).toLowerCase()==='en'?'en-US':'de-DE', { maximumFractionDigits: 2 }) + ' ' + state.symbol; }; chartInstance.options.plugins.tooltip.callbacks.label = function(ctx) { return chartTooltipLabel(ctx, state); }; chartInstance.update(); } } function updateStats() { var allPrices = []; Object.keys(shopData).forEach(function(s) { shopData[s].forEach(function(p) { if (p.y !== null) allPrices.push(p.y); }); }); if (!allPrices.length) return; var min = Math.min.apply(null, allPrices); var max = Math.max.apply(null, allPrices); var avg = allPrices.reduce(function(a, b) { return a + b; }, 0) / allPrices.length; // Persist live EUR baselines on the .vc-stat parents so subsequent // currency switches re-derive from accurate aggregates, not from the // PHP-rendered shop-MIN snapshot which can drift after history loads. var minEl = section.querySelector('.vc-stat.vc-stat-min'); var avgEl = section.querySelector('.vc-stat.vc-stat-avg'); var maxEl = section.querySelector('.vc-stat.vc-stat-max'); if (minEl) minEl.dataset.eur = min.toFixed(2); if (avgEl) avgEl.dataset.eur = avg.toFixed(2); if (maxEl) maxEl.dataset.eur = max.toFixed(2); var state = getCurrencyState(); var fmt = function(v) { return (v * state.rate).toFixed(2).replace('.', (document.documentElement.lang||'de').slice(0,2).toLowerCase()==='en'?'.':',') + ' ' + state.symbol; }; var vals = section.querySelectorAll('.vc-stat-val'); if (vals[0]) vals[0].textContent = fmt(min); if (vals[1]) vals[1].textContent = fmt(avg); if (vals[2]) vals[2].textContent = fmt(max); } function buildChart() { if (!dataLoaded) return; var cutoff = new Date(); cutoff.setDate(cutoff.getDate() - currentDays); var cutoffStr = cutoff.toISOString().split('T')[0]; var datasets = []; if (!shopMode) { // Default: Tages-Minimum ueber ALLE Shops der Liste (nicht nur die // angehakten) — plus guenstigster Shop je Tag fuer den Tooltip. var byDate = {}; section.querySelectorAll('.vc-sc-shops input').forEach(function(cb){ var name = cb.closest('label').querySelector('.vc-sc-name').textContent; (shopData[cb.dataset.shop] || []).forEach(function(p){ if (p.x < cutoffStr || p.y === null || isNaN(p.y)) return; if (!(p.x in byDate) || p.y < byDate[p.x].price) byDate[p.x] = { price: p.y, shop: name }; }); }); var minDates = Object.keys(byDate).sort(); if (minDates.length) { var single = minDates.length === 1; datasets.push({ label: bestPriceLabel, data: minDates.map(function(d){ return { x: d, y: byDate[d].price }; }), vcShops: minDates.map(function(d){ return byDate[d].shop; }), borderColor: '#10b981', backgroundColor: '#10b98120', tension: single ? 0 : 0.3, fill: false, spanGaps: true, showLine: !single, pointRadius: single ? 5 : 2, pointHoverRadius: 5, borderWidth: 2 }); } } else { section.querySelectorAll('.vc-sc-shops input:checked').forEach(function(cb){ var s = cb.dataset.shop; var color = cb.dataset.color; var pts = (shopData[s] || []).filter(function(p){ return p.x >= cutoffStr; }); if (pts.length) datasets.push({ label: cb.closest('label').querySelector('.vc-sc-name').textContent, data: pts, borderColor: color, backgroundColor: color + '20', tension: 0.3, fill: false, spanGaps: true, pointRadius: 2, pointHoverRadius: 5, borderWidth: 2 }); }); } // Capture currency state at chart-build time. shopData stays in EUR; // we multiply by rate inside the axis/tooltip callbacks so repeated // currency switches stay precise (no drift from chained multiplication). var state = getCurrencyState(); if (chartInstance) chartInstance.destroy(); chartInstance = new Chart(canvas, { type: 'line', data: { datasets: datasets }, options: { responsive: true, maintainAspectRatio: false, interaction: { intersect: false, mode: 'index' }, plugins: { legend: { display: false }, tooltip: { callbacks: { label: function(ctx){ return chartTooltipLabel(ctx, state); } } } }, scales: { x: { type: 'category', ticks: { maxTicksLimit: 6, font: { size: 11 } }, grid: { display: false } }, y: { grace: '15%', ticks: { callback: function(v){ return Number(v * state.rate).toLocaleString((document.documentElement.lang||'de').slice(0,2).toLowerCase()==='en'?'en-US':'de-DE', { maximumFractionDigits: 2 }) + ' ' + state.symbol; }, font: { size: 11 } }, grid: { color: '#f1f5f9' } } } } }); } function loadChartJs(cb) { window.vcLoadChartJs(cb); } function fetchAndBuild() { fetch('/wp-json/vapochecker/v1/chart-history/' + encodeURIComponent(slug) + '?days=' + currentDays + (region ? '&region=' + encodeURIComponent(region) : '')) .then(function(r) { return r.json(); }) .then(function(rows) { shopData = {}; rows.forEach(function(r) { if (!shopData[r.shop_slug]) shopData[r.shop_slug] = []; shopData[r.shop_slug].push({ x: r.date, y: r.in_stock == 1 ? parseFloat(r.price) : null }); }); dataLoaded = true; updateStats(); loadChartJs(buildChart); }); } function init() { // Apply saved currency to PHP-rendered EUR snapshot before history fetch // so a USD-saved visitor never sees a flash of EUR before fetchAndBuild // resolves (~200-800 ms on cold cache). applyChartCurrency(); // Re-render axis/tooltip + stats + shop-list when user toggles currency. // In-place via chartInstance.update() — no destroy/recreate (per fix-spec). document.addEventListener('vc:currency-changed', applyChartCurrency); fetchAndBuild(); section.querySelectorAll('.vc-sc-shops input').forEach(function(cb){ cb.addEventListener('change', buildChart); }); if (modeToggle) { modeToggle.addEventListener('change', function(){ shopMode = !!this.checked; try { localStorage.setItem('vc_chart_mode', shopMode ? 'shops' : 'min'); } catch (e) {} if (typeof gtag === 'function') gtag('event', 'chart_mode_toggle', { mode: shopMode ? 'shops' : 'min', surface: 'shortcode' }); if (typeof clarity === 'function') clarity('event', 'chart_mode_' + (shopMode ? 'shops' : 'min')); syncModeUi(); if (dataLoaded && window.Chart) buildChart(); }); } section.querySelectorAll('.vc-period-btn').forEach(function(btn){ btn.addEventListener('click', function(){ section.querySelectorAll('.vc-period-btn').forEach(function(b){ b.classList.remove('active'); }); this.classList.add('active'); currentDays = parseInt(this.dataset.days, 10); fetchAndBuild(); }); }); var toggleBtn = section.querySelector('.vc-sc-toggle-more'); if (toggleBtn) { toggleBtn.addEventListener('click', function(){ section.classList.toggle('vc-sc-expanded'); var span = toggleBtn.querySelector('.vc-sc-toggle-more-text'); if (span) { var expanded = section.classList.contains('vc-sc-expanded'); span.textContent = expanded ? span.dataset.less : span.dataset.more; } }); } } if ('IntersectionObserver' in window) { var obs = new IntersectionObserver(function(entries){ if (entries[0].isIntersecting) { obs.disconnect(); init(); } }, { rootMargin: '200px' }); obs.observe(section); } else { document.readyState === 'loading' ? document.addEventListener('DOMContentLoaded', init) : init(); } })(); .vc-sc-chart { margin: 16px 0 24px; } /* .vc-stats-inline/.vc-stat leben in product-detail.css, die auf Artikel- Seiten NICHT geladen wird — dort blieb inline und das Label klebte am Betrag ("Tiefstpreis80,24 €"). Gescoped auf .vc-sc-chart, damit die Produktseiten-Regeln unberührt bleiben. */ .vc-sc-chart .vc-stats-inline { display: flex; justify-content: center; flex-wrap: wrap; gap: 24px; margin-top: 16px; padding-top: 12px; border-top: 1px solid #f1f5f9; } .vc-sc-chart .vc-stat small { display: block; font-size: 13px; font-weight: 400; color: #475569; margin-bottom: 2px; } .vc-sc-header { display: flex; justify-content: flex-end; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 8px; } /* Chart-Modus: ohne .vc-sc-mode-shops sind die Shop-Labels reine Legende (Name + Preis), Dots und Checkbox-Klicks haben keine Funktion. */ .vc-sc-mode-toggle { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: #64748b; cursor: pointer; user-select: none; white-space: nowrap; margin: 0; } .vc-sc-mode-toggle input { margin: 0; width: 14px; height: 14px; accent-color: #3b82f6; cursor: pointer; } .vc-sc-mode-toggle:hover { color: #334155; } .vc-sc-chart:not(.vc-sc-mode-shops) .vc-sc-dot { display: none; } .vc-sc-chart:not(.vc-sc-mode-shops) .vc-sc-shop-label { cursor: default; pointer-events: none; } .vc-sc-chart:not(.vc-sc-mode-shops) .vc-sc-shop-label input:not(:checked) ~ .vc-sc-name, .vc-sc-chart:not(.vc-sc-mode-shops) .vc-sc-shop-label input:not(:checked) ~ .vc-sc-price { opacity: 1; } .vc-sc-shops { display: flex; flex-wrap: wrap; gap: 6px 12px; margin-top: 12px; padding: 10px 0 0; border-top: 1px solid #f0f0f0; } .vc-sc-shop-label { display: flex; align-items: center; gap: 5px; cursor: pointer; font-size: 13px; color: #374151; white-space: nowrap; } .vc-sc-shop-label input { display: none; } .vc-sc-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; transition: opacity .15s; } .vc-sc-shop-label input:not(:checked) ~ .vc-sc-dot { opacity: .3; } .vc-sc-shop-label input:not(:checked) ~ .vc-sc-name, .vc-sc-shop-label input:not(:checked) ~ .vc-sc-price { opacity: .45; } .vc-sc-price { font-weight: 600; color: #111; margin-left: 2px; } .vc-sc-shop-label.vc-sc-hidden { display: none; } .vc-sc-chart.vc-sc-expanded .vc-sc-shop-label.vc-sc-hidden { display: flex; } .vc-sc-toggle-more { margin-top: 10px; background: none; border: 0; color: #3b82f6; font-size: 13px; font-weight: 500; cursor: pointer; padding: 4px 0; display: inline-block; font-family: inherit; } .vc-sc-toggle-more:hover { text-decoration: underline; } Comparatifs associés:Mighty+ vs Volcano Hybrid : Portable ou Salon ?Arizer Solo 3 vs Crafty+ : Lequel Choisir ?TinyMight 2 vs Venty : À la Demand

Guide Vaporisateur Butane — Tous les articles

Les vaporisateurs butane utilisent une flamme au lieu de l’électricité — ce qui les rend indépendants des prises et des batteries. Retrouvez ici tous nos articles sur DynaVap, Sticky Brick, Vapman et autres appareils butane.

Comparatifs & Tests

Comparatif Chauffage à Induction DynaVap — IH vs briquet, Ispire Wand
Comparatif Sticky Brick — Junior vs OG vs Runt vs Flip Brick
Butane vs Desktop — Quel appareil choisir ?
DynaVap vs Mighty+ & Crafty+ — Butane contre batterie
Vaporisateurs Artisanaux — Vapman, Lotus, Camouflet

Guides & Tutoriels

Guide Débutant — Le point de départ parfait
Technique DynaVap : Chauffe & Airflow — Maîtriser la température
Guide Briquet Jet Flame — Trouver le bon briquet
Nettoyage & Entretien — Garder votre vaporisateur propre
Sessions en Groupe — Vaporisateurs butane entre amis
Guide Voyage — Vaporisateur butane en déplacement

Comparateur de Prix

Prix actuels dans notre Comparateur de Prix — mis à jour quotidiennement.

Comparatifs associés:

Pas encore décidé ?

Notre guide d'achat interactif vous aide à trouver le bon vaporisateur en 5 questions - selon votre budget et style d'utilisation.

Essayer le guide d'achat →

Comparer les prix →Guide d'achat