Description
(function(win, doc) { change(); function change() { var e = doc.documentElement, n = e.clientWidth; t = n e.style.fontSize = n * 100 / t + “px” // 768px // if (n // e.style.fontSize = n * 100 / 750 + “px”; // } else { // // // e.style.fontSize = “”; // } } win.addEventListener(“resize”, change, false); win.addEventListener(“orientationchange”, change, false) })(window, document) 25 mL Visible E-liquid Press-fit Connection Press on/off Animation Power & Airflow Adjustable WATCH VIDEO See more, control more, and enjoy more. HQD SNAP PRO is designed for users who expect more from every device. With a 25 mL visible e-liquid tank, customizable power and airflow, a secure press-fit connection, and a futuristic curved 3D display, it delivers performance, convenience and style in perfect balance. Inspired by space exploration and built for everyday enjoyment, it brings the future closer with every puff. See More, See Joy Curved 3D Screen Beauty in Every Curve Press-Fit Connection Snap In, Fit Right ECO/BOOST Modes Choose Your Power Adjustable Airflow From Loose to Tight See More, See Joy Curved 3D Screen Beauty in Every Curve ECO/BOOST Modes Choose Your Power Press-Fit Connection Snap In, Fit Right Adjustable Airflow From Loose to Tight See More. See Joy A transparent tank design keeps every drop in sight, while 25 mL of e-liquid delivers extended enjoyment with fewer interruptions. Snap Smarter. Stay Fresher Snap Smarter Stay Fresher The precision press-fit design keeps e-liquid separate from the coil until activation, helping preserve freshness. Quick installation and a secure connection, making every replacement effortless. –> Shape Every Puff Switch between power levels and fine-tune airflow to create a vaping experience that fits your style. COLORS & FLAVORS –> SPECIFICATION Power Mode ECO/BOOST Battery 900 mAh Size 55x28x95.6 mm Puffs Up to 50000 E-liquid Capacity 25 mL Nicotine Strength 50 mg/mL Charging Port Type-C Resistance 0.7 Ω PACKAGING LIST $(function () { var isPc = document.documentElement.clientWidth > 750; const vw = window.innerWidth / 100; const rem = window.innerWidth / 100; var starOffset = isPc ? 4.16 * vw : 15.467 * vw; // var bLazy = new Blazy({ breakpoints: [{ width: 768, // 768px src: ‘data-src-m’ // data-src-m }], offset: 100 }); //aos try { AOS.init({ offset: 120, duration: 1200, // disable: ‘mobile’ }) } catch (e) { //console.log(e.message); } // init gsap.registerPlugin(ScrollTrigger); //2 ScrollTrigger.create({ trigger: ‘.part2’, start:`top top+=${starOffset}`, end: ‘+=150%’, pin: true, scrub: 1, // markers: true, animation: gsap.timeline() .fromTo(‘.part2 .module.a’, 5, { opacity: 1, }, { opacity: 0, }, 5) .fromTo(‘.part2 .module.b’, 5, { opacity: 0, y: isPc ? 10 : 0, }, { opacity: 1, y: 0, }, 10) .to(‘.part2’, 5, { }) }); // $(‘a.video-btn’).click(function () { $(‘#videoOpenBox’).fadeIn(); $(‘body’).css(‘overflow’,’hidden’); setTimeout(()=>{ $(‘#videoMaskBox’).fadeIn(); $(‘#videoOpenBox’).addClass(‘on’); let videos = $(‘#videoOpenBox’).find(‘video’)[0]; if(isPc){ videos.poster = ‘/wp-content/themes/hqd/assets/images/products/snap-pro/snap-vd.jpg’; }else{ videos.poster = ‘/wp-content/themes/hqd/assets/images/products/snap-pro/snap-vd-m.jpg’; } },500) }) $(‘#videoOpenBox .closeIcon’).click(function () { let video = $(‘#videoOpenBox’).find(‘video’)[0]; video.pause(); $(‘#videoOpenBox’).fadeOut(); setTimeout(()=>{ $(‘#videoMaskBox’).fadeOut(); $(‘#videoOpenBox’).removeClass(‘on’); },500) setTimeout(()=>{ $(‘body’).css({‘overflow-x’:’hidden’,’overflow-y’:’auto’}); },700) }); //3 if(isPc){ var pointsList = new Swiper(‘.points-part.pc’, { watchSlidesProgress: true, slidesPerView: ‘auto’, centeredSlides: true, loop: true, loopedSlides: 5, autoplay: { delay: 2000, stopOnLastSlide: false, disableOnInteraction: false, }, navigation: { nextEl: “.part3-right”, prevEl: “.part3-left”, }, on: { progress: function(progress) { for (var i = 0; i var slide = this.slides.eq(Math.abs(i)); var slideProgress = this.slides[i].progress; var absProg = Math.abs(slideProgress); // var translateX = slideProgress * (isPc ? 2.1 : 1.8) + ‘rem’; var translateY = (absProg * 0.2 * absProg) + ‘rem’; var scale = Math.max(0.2, 1 – absProg / (isPc ? 6 : 4)); var zIndex = 999 – Math.abs(Math.round(6 * slideProgress)); // : , var rotate = slideProgress * -10; // ±2 5 , var opacity = Math.max(0, 1 – Math.max(0, absProg – (isPc ? 2 : 1))); slide.transform(‘translateX(‘ + translateX + ‘) translateY(‘ + translateY + ‘) scale(‘ + scale + ‘) rotate(‘ + rotate + ‘deg)’); slide.css(‘zIndex’, zIndex); slide.css(‘opacity’, opacity); } }, setTransition: function(transition) { for (var i = 0; i var slide = this.slides.eq(i) slide.transition(transition); } // loop (0ms) progress, slide // if (transition === 0) { // var swiper = this; // for (var j = 0; j { pointsList.autoplay.start(); },2000) } }); } //5 ScrollTrigger.create({ trigger: ‘.part5’, start:isPc ? `bottom bottom` : `top top+=1rem`, end: ‘+=150%’, pin: true, scrub: 1, animation: gsap.timeline() .to(‘.part5 .img.a’, 1000, { opacity: 0, },100) .to(‘.part5 .img.b’, 1000, { opacity: 1, },800) }); //6 ScrollTrigger.create({ trigger: ‘.part6’, start:isPc ? `bottom bottom` : `top top+=1rem`, end: ‘+=150%’, pin: true, scrub: 1, animation: gsap.timeline() .to(‘.part6 .img.a,.part6 .img.b’, 1000, { opacity: 0, },100) .to(‘.part6 .img.c’, 1000, { opacity: 1, },800) }); //7 ScrollTrigger.create({ trigger: ‘.outSideBox’, start: `top top+=${starOffset}`, end: ‘+=150%’, pin: true, scrub: 1, animation: gsap.timeline() .to(‘.outSideBox .pro-img.a’, 1000, { opacity: 0, },100) .to(‘.outSideBox .pro-img.b’, 1000, { opacity: 1, },800) .fromTo(‘.outSideBox .part9 .part-item-top’, 100, { marginTop:isPc ? ‘4rem’ : ‘0.5rem’, scale:isPc ? 0.8 : 1, },{ marginTop:isPc ? ‘3rem’ : ‘0.5rem’, scale: 1, },1800) .fromTo(‘.outSideBox .part9 .swiper-part9’, 100, { scale: 0.8, },{ scale: 1, },1800)
