Ulike Air 10: The world's most advanced IPL hair removal is here (2024)

'; } $p.find('.product-diy-img').attr('data-index', 0); $p.find('.product-diy-img').attr('style', '--left-num:' + (length - 1)); $p.find('.product-diy-arraw-item').eq(0).css({ opacity: '0', 'pointer-events': 'none' }); $p.find('.product-diy-arraw-item').eq(1).css({ opacity: '1', 'pointer-events': 'all' }); $p.find('.product-diy-dot').html(html); $p.find('.product-diy-dot .product-diy-dot-item').eq(0).addClass('active'); } function setProductId() { let $p = $('.section-template--17508513710321__product_new_ccxccX-padding'); let idList = $p .find('.product-diy-text') .attr('data-id') .split(',') .filter((item) => item); let colorIndex = $p.find('.product-diy-color-item.active').index(); let labelIndex = $p.find('.product-diy-label-item.active').index(); let pId = ''; if (colorIndex == 0) { pId = idList[0]; $('.color-shipping').show(); // if (labelIndex == 0) { // pId = idList[0]; // } else { // pId = idList[1]; // } } else { pId = idList[1]; // if (labelIndex == 0) { // pId = idList[2]; // } else { // pId = idList[3]; // } } $p.find('.product-diy-btn').attr('data-id', pId); } $('.product-gift-input').change(function () { // commonGtmEvent('A3_gifting', '', ''); }); if (window.innerWidth > 991) { let Winheight = window.innerHeight; let ImgBoxHright = $('.section-template--17508513710321__product_new_ccxccX-padding .product-diy-img')[0].offsetHeight; if (ImgBoxHright > Winheight) { ImgBoxHright = Winheight - $('.shopify-section--header')[0].offsetHeight - 80; } $('.section-template--17508513710321__product_new_ccxccX-padding .product-diy').attr( 'style', '--top-num:' + ((window.innerHeight - ImgBoxHright) / 2 + $('.shopify-section--header')[0].offsetHeight / 2) + 'px' ); } $('.section-template--17508513710321__product_new_ccxccX-padding .product-diy-btn-item').click(function () { let index = $(this).index(); let id = $(this).parents('.product-diy-btn').attr('data-id'); let giftParam = {}; let checkGift = $('.product-gift-input').is(':checked'); if (checkGift) { giftParam = { _gift: true }; } if (!$(this).hasClass('white-btn')) { // 新增扩展字段 是否礼品 _gift addToCart(id, null, giftParam); } else { buyProduct(id, giftParam); } }); initImgList(); function detectSwipeNew(name, onSwipeLeft, onSwipeRight) { let element = document.querySelector(name); let startX = 0; const getEventX = (event) => { return event.touches ? event.touches[0].clientX : event.clientX; }; const handleTouchStart = (e) => { startX = getEventX(e); }; const handleTouchMove = (e) => { const deltaX = getEventX(e) - startX; if (Math.abs(deltaX) > 10 && e.cancelable) { e.preventDefault(); } }; const handleTouchEnd = (e) => { const deltaX = getEventX(e.changedTouches ? e.changedTouches[0] : e) - startX; if (deltaX > 10) { onSwipeRight(); } else if (deltaX < -10) { onSwipeLeft(); } }; element.addEventListener('touchstart', handleTouchStart); element.addEventListener('touchmove', handleTouchMove); element.addEventListener('touchend', handleTouchEnd); // Add mouse event listeners for PC compatibility element.addEventListener('mousedown', handleTouchStart); element.addEventListener('mousemove', handleTouchMove); element.addEventListener('mouseup', handleTouchEnd); } function initNewSwiper() { let $arraw = $('.product_chrs .product-diy-arraw-item'); function changeItemP(num) { let $p = $('.product_chrs'); let $sp = $p.find('.product-diy-img'); let index = $sp.attr('data-index') || 0; let width = $sp[0].offsetWidth; let $list = $p.find('.img-list.active'); let length = $list.find('.img-item').length; if ((num == 0 && !index) || (num == 1 && index == length)) return; if (num == 0) { index = index * 1 - 1; } else { index = index * 1 + 1; } if (index == 0) { $p.find('.product-diy-arraw-item').eq(0).css({ opacity: '0', 'pointer-events': 'none' }); } else { $p.find('.product-diy-arraw-item').eq(0).css({ opacity: '1', 'pointer-events': 'all' }); } if (index == length) { $p.find('.product-diy-arraw-item').eq(1).css({ opacity: '0', 'pointer-events': 'none' }); } else { $p.find('.product-diy-arraw-item').eq(1).css({ opacity: '1', 'pointer-events': 'all' }); } $list.css({ marginLeft: '-' + width * index + 'px', transition: 'all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s', }); $sp.attr('data-index', index); $('.product-diy-dot-item').removeClass('active'); $('.product-diy-dot-item').eq(index).addClass('active'); } $arraw.click(function () { let sindex = $(this).index(); changeItemP(sindex); // commonGtmEvent('New_Left', 'click', ''); }); detectSwipeNew( '.section-template--17508513710321__product_new_ccxccX-padding .product-diy-img', () => { changeItemP(1); }, () => { changeItemP(0); } ); } initNewSwiper(); $('html').on('click', '.ipl_check-list .ipl_check-header', function () { let $this = $(this); $this.siblings('.ipl_check-content').slideToggle(); $this .parents('.ipl_check-list') .toggleClass('is-active') .siblings('.ipl_check-list') .removeClass('is-active') .find('.ipl_check-content') .slideUp(); if ($this.parents('.ipl_check-list').index()) { // commonGtmEvent('New_VsSalon', 'click', ''); } else { // commonGtmEvent('New_Results', 'click', ''); } }); $('.section-template--17508513710321__product_new_ccxccX-padding .procust-results__link').click(function () { // commonGtmEvent('New_vsQuiz', 'click', ''); }); document .querySelector('.section-template--17508513710321__product_new_ccxccX-padding .code_num-btn') .addEventListener('click', function () { copyCode('AIR10EARLY', `Code kopieren`, this); // commonGtmEvent('A3_copy', 'click', ''); }); function Countdownbar(selector, endDate) { let countdownElement = document.querySelector(selector); let daysElement = countdownElement.querySelector('.countdown_days_id'); let hoursElement = countdownElement.querySelector('.countdown_hours_id'); let minutesElement = countdownElement.querySelector('.countdown_minutes_id'); let secondsElement = countdownElement.querySelector('.countdown_seconds_id'); // 获取当前时间和结束时间 let serverTimestamp = 1712250645; let currentServerTime = new Date(serverTimestamp * 1000); // 将秒转换为毫秒 let currentTime = currentServerTime.getTime(); let distance = endDate - currentTime <=0 ? 0: endDate - currentTime; function updateCountdownbar() { // 计算天、时、分、秒 let days = Math.floor(distance / (1000 * 60 * 60 * 24)); let hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); let minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); let seconds = Math.floor((distance % (1000 * 60)) / 1000); // 更新倒计时显示 daysElement.textContent = days < 10 ? '0' + days : days; hoursElement.textContent = hours < 10 ? '0' + hours : hours; minutesElement.textContent = minutes < 10 ? '0' + minutes : minutes; secondsElement.textContent = seconds < 10 ? '0' + seconds : seconds; // 减去一秒，更新距离 distance -= 1000; // 当倒计时结束时，清除计时器 if (distance < 0) { clearInterval(countdownInterval); // 可以在倒计时结束后执行相应的操作 } } // 每秒更新一次倒计时 let countdownInterval = setInterval(updateCountdownbar, 1000); // 页面加载时初始化倒计时 updateCountdownbar(); } let ediftendDate = ('2024-04-10T23:59:59'); // 使用示例 let endDate = new Date(`${ediftendDate}`).getTime(); // 设置结束时间 let countdown = new Countdownbar('#count_down_datatime', endDate); // 初始化倒计时插件 });