ERIC POZZO

CEO

Glisser pour accéder au paiement
››
(function() { const track = document.querySelector('.pay-slider-track'); if (!track) return; const handle = track.querySelector('.pay-slider-handle'); const label = track.querySelector('.pay-slider-label'); const redirectUrl = 'https://buy.stripe.com/7sY14n1XE7QGfys5eX3VC0H'; let isDragging = false; let startX = 0; let currentX = 0; let maxTranslate = 0; function init() { const trackRect = track.getBoundingClientRect(); const handleRect = handle.getBoundingClientRect(); const paddingRight = 6; maxTranslate = trackRect.width - handleRect.width - paddingRight; handle.addEventListener('mousedown', startDrag); handle.addEventListener('touchstart', startDrag, { passive: false }); window.addEventListener('mousemove', onDrag); window.addEventListener('touchmove', onDrag, { passive: false }); window.addEventListener('mouseup', endDrag); window.addEventListener('touchend', endDrag); } function startDrag(e) { e.preventDefault(); isDragging = true; startX = getClientX(e) - currentX; } function onDrag(e) { if (!isDragging) return; e.preventDefault(); const x = getClientX(e) - startX; currentX = Math.max(0, Math.min(x, maxTranslate)); handle.style.transform = `translateX(${currentX}px)`; } function endDrag() { if (!isDragging) return; isDragging = false; const threshold = maxTranslate * 0.8; if (currentX >= threshold) { currentX = maxTranslate; handle.style.transform = `translateX(${maxTranslate}px)`; handle.classList.add('success'); label.textContent = 'Redirection en cours…'; setTimeout(function() { window.location.href = redirectUrl; }, 350); setTimeout(function() { currentX = 0; handle.style.transform = 'translateX(0)'; handle.classList.remove('success'); label.textContent = 'Glisser pour accéder au paiement'; }, 1200); } else { currentX = 0; handle.style.transform = 'translateX(0)'; } } function getClientX(e) { if (e.touches && e.touches.length) { return e.touches[0].clientX; } return e.clientX; } if (document.readyState === 'complete' || document.readyState === 'interactive') { setTimeout(init, 100); } else { document.addEventListener('DOMContentLoaded', function() { setTimeout(init, 100); }); } })();

KIM SCHERBATSKI

BARBER

Glisser pour accéder au paiement
››
(function() { function initSlider(wrapper) { const track = wrapper.querySelector('.pay-slider-track'); const handle = wrapper.querySelector('.pay-slider-handle'); const label = wrapper.querySelector('.pay-slider-label'); const redirectUrl = wrapper.getAttribute('data-url'); let isDragging = false; let startX = 0; let currentX = 0; let maxTranslate = 0; function setup() { const trackRect = track.getBoundingClientRect(); const handleRect = handle.getBoundingClientRect(); const paddingRight = 6; maxTranslate = trackRect.width - handleRect.width - paddingRight; handle.addEventListener('mousedown', startDrag); handle.addEventListener('touchstart', startDrag, { passive: false }); window.addEventListener('mousemove', onDrag); window.addEventListener('touchmove', onDrag, { passive: false }); window.addEventListener('mouseup', endDrag); window.addEventListener('touchend', endDrag); } function startDrag(e) { e.preventDefault(); isDragging = true; startX = getClientX(e) - currentX; } function onDrag(e) { if (!isDragging) return; e.preventDefault(); const x = getClientX(e) - startX; currentX = Math.max(0, Math.min(x, maxTranslate)); handle.style.transform = `translateX(${currentX}px)`; } function endDrag() { if (!isDragging) return; isDragging = false; const threshold = maxTranslate * 0.8; if (currentX >= threshold) { currentX = maxTranslate; handle.style.transform = `translateX(${maxTranslate}px)`; handle.classList.add('success'); label.textContent = 'Redirection en cours…'; setTimeout(function() { window.location.href = redirectUrl; }, 350); setTimeout(function() { currentX = 0; handle.style.transform = 'translateX(0)'; handle.classList.remove('success'); label.textContent = 'Glisser pour accéder au paiement'; }, 1200); } else { currentX = 0; handle.style.transform = 'translateX(0)'; } } function getClientX(e) { if (e.touches && e.touches.length) { return e.touches[0].clientX; } return e.clientX; } setup(); } function initAll() { const sliders = document.querySelectorAll('.pay-slider'); sliders.forEach(initSlider); } if (document.readyState === 'complete' || document.readyState === 'interactive') { setTimeout(initAll, 100); } else { document.addEventListener('DOMContentLoaded', function() { setTimeout(initAll, 100); }); } })();
Eric Pozzo
Glisser pour accéder au paiement
››
(function() { function initSlider(wrapper) { const track = wrapper.querySelector('.pay-slider-track'); const handle = wrapper.querySelector('.pay-slider-handle'); const label = wrapper.querySelector('.pay-slider-label'); const redirectUrl = wrapper.getAttribute('data-url'); let isDragging = false; let startX = 0; let currentX = 0; let maxTranslate = 0; function setup() { const trackRect = track.getBoundingClientRect(); const handleRect = handle.getBoundingClientRect(); const paddingRight = 6; maxTranslate = trackRect.width - handleRect.width - paddingRight; handle.addEventListener('mousedown', startDrag); handle.addEventListener('touchstart', startDrag, { passive: false }); window.addEventListener('mousemove', onDrag); window.addEventListener('touchmove', onDrag, { passive: false }); window.addEventListener('mouseup', endDrag); window.addEventListener('touchend', endDrag); } function startDrag(e) { e.preventDefault(); isDragging = true; startX = getClientX(e) - currentX; } function onDrag(e) { if (!isDragging) return; e.preventDefault(); const x = getClientX(e) - startX; currentX = Math.max(0, Math.min(x, maxTranslate)); handle.style.transform = `translateX(${currentX}px)`; } function endDrag() { if (!isDragging) return; isDragging = false; const threshold = maxTranslate * 0.8; if (currentX >= threshold) { currentX = maxTranslate; handle.style.transform = `translateX(${maxTranslate}px)`; handle.classList.add('success'); label.textContent = 'Redirection en cours…'; setTimeout(function() { window.location.href = redirectUrl; }, 350); setTimeout(function() { currentX = 0; handle.style.transform = 'translateX(0)'; handle.classList.remove('success'); label.textContent = 'Glisser pour accéder au paiement'; }, 1200); } else { currentX = 0; handle.style.transform = 'translateX(0)'; } } function getClientX(e) { if (e.touches && e.touches.length) { return e.touches[0].clientX; } return e.clientX; } setup(); } function initAll() { const sliders = document.querySelectorAll('.pay-slider'); sliders.forEach(initSlider); } if (document.readyState === 'complete' || document.readyState === 'interactive') { setTimeout(initAll, 100); } else { document.addEventListener('DOMContentLoaded', function() { setTimeout(initAll, 100); }); } })();
Eric Pozzo
Glisser pour accéder au paiement
››
(function() { function initSlider(wrapper) { const track = wrapper.querySelector('.pay-slider-track'); const handle = wrapper.querySelector('.pay-slider-handle'); const label = wrapper.querySelector('.pay-slider-label'); const redirectUrl = wrapper.getAttribute('data-url'); let isDragging = false; let startX = 0; let currentX = 0; let maxTranslate = 0; function setup() { const trackRect = track.getBoundingClientRect(); const handleRect = handle.getBoundingClientRect(); const paddingRight = 6; maxTranslate = trackRect.width - handleRect.width - paddingRight; handle.addEventListener('mousedown', startDrag); handle.addEventListener('touchstart', startDrag, { passive: false }); window.addEventListener('mousemove', onDrag); window.addEventListener('touchmove', onDrag, { passive: false }); window.addEventListener('mouseup', endDrag); window.addEventListener('touchend', endDrag); } function startDrag(e) { e.preventDefault(); isDragging = true; startX = getClientX(e) - currentX; } function onDrag(e) { if (!isDragging) return; e.preventDefault(); const x = getClientX(e) - startX; currentX = Math.max(0, Math.min(x, maxTranslate)); handle.style.transform = `translateX(${currentX}px)`; } function endDrag() { if (!isDragging) return; isDragging = false; const threshold = maxTranslate * 0.8; if (currentX >= threshold) { currentX = maxTranslate; handle.style.transform = `translateX(${maxTranslate}px)`; handle.classList.add('success'); label.textContent = 'Redirection en cours…'; setTimeout(function() { window.location.href = redirectUrl; }, 350); setTimeout(function() { currentX = 0; handle.style.transform = 'translateX(0)'; handle.classList.remove('success'); label.textContent = 'Glisser pour accéder au paiement'; }, 1200); } else { currentX = 0; handle.style.transform = 'translateX(0)'; } } function getClientX(e) { if (e.touches && e.touches.length) { return e.touches[0].clientX; } return e.clientX; } setup(); } function initAll() { const sliders = document.querySelectorAll('.pay-slider'); sliders.forEach(initSlider); } if (document.readyState === 'complete' || document.readyState === 'interactive') { setTimeout(initAll, 100); } else { document.addEventListener('DOMContentLoaded', function() { setTimeout(initAll, 100); }); } })();
Eric Pozzo
Glisser pour accéder au paiement
››
(function() { function initSlider(wrapper) { const track = wrapper.querySelector('.pay-slider-track'); const handle = wrapper.querySelector('.pay-slider-handle'); const label = wrapper.querySelector('.pay-slider-label'); const redirectUrl = wrapper.getAttribute('data-url'); let isDragging = false; let startX = 0; let currentX = 0; let maxTranslate = 0; function setup() { const trackRect = track.getBoundingClientRect(); const handleRect = handle.getBoundingClientRect(); const paddingRight = 6; maxTranslate = trackRect.width - handleRect.width - paddingRight; handle.addEventListener('mousedown', startDrag); handle.addEventListener('touchstart', startDrag, { passive: false }); window.addEventListener('mousemove', onDrag); window.addEventListener('touchmove', onDrag, { passive: false }); window.addEventListener('mouseup', endDrag); window.addEventListener('touchend', endDrag); } function startDrag(e) { e.preventDefault(); isDragging = true; startX = getClientX(e) - currentX; } function onDrag(e) { if (!isDragging) return; e.preventDefault(); const x = getClientX(e) - startX; currentX = Math.max(0, Math.min(x, maxTranslate)); handle.style.transform = `translateX(${currentX}px)`; } function endDrag() { if (!isDragging) return; isDragging = false; const threshold = maxTranslate * 0.8; if (currentX >= threshold) { currentX = maxTranslate; handle.style.transform = `translateX(${maxTranslate}px)`; handle.classList.add('success'); label.textContent = 'Redirection en cours…'; setTimeout(function() { window.location.href = redirectUrl; }, 350); setTimeout(function() { currentX = 0; handle.style.transform = 'translateX(0)'; handle.classList.remove('success'); label.textContent = 'Glisser pour accéder au paiement'; }, 1200); } else { currentX = 0; handle.style.transform = 'translateX(0)'; } } function getClientX(e) { if (e.touches && e.touches.length) { return e.touches[0].clientX; } return e.clientX; } setup(); } function initAll() { const sliders = document.querySelectorAll('.pay-slider'); sliders.forEach(initSlider); } if (document.readyState === 'complete' || document.readyState === 'interactive') { setTimeout(initAll, 100); } else { document.addEventListener('DOMContentLoaded', function() { setTimeout(initAll, 100); }); } })();
Eric Pozzo
Glisser pour accéder au paiement
››
(function() { function initSlider(wrapper) { const track = wrapper.querySelector('.pay-slider-track'); const handle = wrapper.querySelector('.pay-slider-handle'); const label = wrapper.querySelector('.pay-slider-label'); const redirectUrl = wrapper.getAttribute('data-url'); let isDragging = false; let startX = 0; let currentX = 0; let maxTranslate = 0; function setup() { const trackRect = track.getBoundingClientRect(); const handleRect = handle.getBoundingClientRect(); const paddingRight = 6; maxTranslate = trackRect.width - handleRect.width - paddingRight; handle.addEventListener('mousedown', startDrag); handle.addEventListener('touchstart', startDrag, { passive: false }); window.addEventListener('mousemove', onDrag); window.addEventListener('touchmove', onDrag, { passive: false }); window.addEventListener('mouseup', endDrag); window.addEventListener('touchend', endDrag); } function startDrag(e) { e.preventDefault(); isDragging = true; startX = getClientX(e) - currentX; } function onDrag(e) { if (!isDragging) return; e.preventDefault(); const x = getClientX(e) - startX; currentX = Math.max(0, Math.min(x, maxTranslate)); handle.style.transform = `translateX(${currentX}px)`; } function endDrag() { if (!isDragging) return; isDragging = false; const threshold = maxTranslate * 0.8; if (currentX >= threshold) { currentX = maxTranslate; handle.style.transform = `translateX(${maxTranslate}px)`; handle.classList.add('success'); label.textContent = 'Redirection en cours…'; setTimeout(function() { window.location.href = redirectUrl; }, 350); setTimeout(function() { currentX = 0; handle.style.transform = 'translateX(0)'; handle.classList.remove('success'); label.textContent = 'Glisser pour accéder au paiement'; }, 1200); } else { currentX = 0; handle.style.transform = 'translateX(0)'; } } function getClientX(e) { if (e.touches && e.touches.length) { return e.touches[0].clientX; } return e.clientX; } setup(); } function initAll() { const sliders = document.querySelectorAll('.pay-slider'); sliders.forEach(initSlider); } if (document.readyState === 'complete' || document.readyState === 'interactive') { setTimeout(initAll, 100); } else { document.addEventListener('DOMContentLoaded', function() { setTimeout(initAll, 100); }); } })();