kwumsy-christmas-corner">

🎁

🎄

`; // 插入到页面右下角 function insertDecoration() { const existingDecoration = document.querySelector('.kwumsy-christmas-corner'); if (existingDecoration) { existingDecoration.remove(); } const container = document.createElement('div'); container.innerHTML = decorationHTML; document.body.appendChild(container); // 添加可点击交互（可选） const tree = container.querySelector('.mini-christmas-tree'); tree.style.pointerEvents = 'auto'; tree.style.cursor = 'pointer'; tree.addEventListener('click', () => { // 点击圣诞树时的小动画 tree.style.animation = 'none'; setTimeout(() => { tree.style.animation = 'treeTwinkle 3s ease-in-out infinite'; }, 10); // 创建点击特效 createClickEffect(); }); } // 创建迷你雪花 function createMiniSnowflakes() { const snowContainer = document.getElementById('mini-snow-container'); if (!snowContainer) return; // 清理旧的雪花 snowContainer.innerHTML = ''; // 创建少量雪花 for (let i = 0; i < 8; i++) { const snowflake = document.createElement('div'); snowflake.className = 'mini-snowflake'; snowflake.textContent = '❄'; // 随机位置 snowflake.style.left = `${Math.random() * 80}%`; // 随机动画时长 const duration = Math.random() * 4 + 3; snowflake.style.animationDuration = `${duration}s`; // 随机延迟 snowflake.style.animationDelay = `${Math.random() * 3}s`; // 随机大小 const scale = Math.random() * 0.5 + 0.7; snowflake.style.transform = `scale(${scale})`; snowContainer.appendChild(snowflake); // 雪花动画结束后移除 setTimeout(() => { if (snowflake.parentNode) { snowflake.remove(); } }, duration * 1000); } } // 点击特效 function createClickEffect() { const effects = ['✨', '🌟', '🎄', '🎁', '❄']; for (let i = 0; i < 5; i++) { const effect = document.createElement('div'); effect.textContent = effects[Math.floor(Math.random() * effects.length)]; effect.style.position = 'fixed'; effect.style.bottom = '100px'; effect.style.right = '60px'; effect.style.fontSize = '20px'; effect.style.pointerEvents = 'none'; effect.style.zIndex = '10000'; effect.style.opacity = '0'; effect.style.animation = `sparkleOut 1s ease-out forwards`; effect.style.animationDelay = `${i * 0.1}s`; // 随机偏移 const offsetX = (Math.random() - 0.5) * 60; const offsetY = (Math.random() - 0.5) * 60; effect.style.transform = `translate(${offsetX}px, ${offsetY}px)`; document.body.appendChild(effect); setTimeout(() => { if (effect.parentNode) { effect.remove(); } }, 1100); } // 添加动画样式 if (!document.querySelector('style#click-effect-style')) { const style = document.createElement('style'); style.id = 'click-effect-style'; style.textContent = ` @keyframes sparkleOut { 0% { opacity: 0; transform: translate(0, 0) scale(0.5); } 50% { opacity: 1; transform: translate(var(--tx), var(--ty)) scale(1.2); } 100% { opacity: 0; transform: translate(calc(var(--tx) * 2), calc(var(--ty) * 2)) scale(0.5); } } `; document.head.appendChild(style); } } // 初始化 setTimeout(() => { insertDecoration(); createMiniSnowflakes(); // 定期生成雪花 setInterval(createMiniSnowflakes, 3000); // 添加CSS动画 if (!document.querySelector('style#snow-effect-style')) { const style = document.createElement('style'); style.id = 'snow-effect-style'; style.textContent = ` @keyframes sparkleOut { 0% { opacity: 0; transform: scale(0.5) rotate(0deg); } 50% { opacity: 1; transform: scale(1.2) rotate(180deg); } 100% { opacity: 0; transform: scale(0.5) rotate(360deg); } } `; document.head.appendChild(style); } }, 100); } // 页面加载时初始化 if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initMiniChristmasDecoration); } else { initMiniChristmasDecoration(); } // Christmas Falling Emojis Effect function initChristmasFallingEmojis() { // 圣诞emoji列表 const christmasEmojis = [ { emoji: '🎄', class: 'emoji-tree', color: '#2ecc71' }, // 圣诞树 { emoji: '🎁', class: 'emoji-gift', color: '#ff4757' }, // 礼物 { emoji: '✨', class: 'emoji-star', color: '#ffd700' }, // 星星 { emoji: '❄️', class: 'emoji-snowflake', color: '#82ccdd' }, // 雪花 { emoji: '🎅', class: 'emoji-santa', color: '#ff6b6b' }, // 圣诞老人 { emoji: '🔔', class: 'emoji-bell', color: '#feca57' }, // 铃铛 { emoji: '⭐', class: 'emoji-star', color: '#ffd700' }, // 星星 { emoji: '🦌', class: 'emoji-santa', color: '#8b4513' }, // 驯鹿 { emoji: '🧦', class: 'emoji-gift', color: '#3742fa' }, // 袜子 { emoji: '☃️', class: 'emoji-snowflake', color: '#ffffff' } // 雪人 ]; // 创建容器 function createContainer() { const existingContainer = document.querySelector('.christmas-falling-emojis'); if (existingContainer) { existingContainer.remove(); } const container = document.createElement('div'); container.className = 'christmas-falling-emojis'; document.body.appendChild(container); return container; } // 创建飘落的emoji function createFallingEmoji(container) { if (!container) return; const emojiData = christmasEmojis[Math.floor(Math.random() * christmasEmojis.length)]; const emoji = document.createElement('div'); emoji.className = `falling-emoji ${emojiData.class}`; emoji.textContent = emojiData.emoji; emoji.style.left = `${Math.random() * 100}vw`; // 随机大小 const size = Math.random() * 0.5 + 0.8; emoji.style.fontSize = `${size * 24}px`; // 随机动画时长 const duration = Math.random() * 6 + 8; emoji.style.animationDuration = `${duration}s`; // 随机颜色（部分使用emoji自带的颜色） if (emojiData.color) { emoji.style.color = emojiData.color; } // 随机透明度 const opacity = Math.random() * 0.3 + 0.6; emoji.style.opacity = '0'; // 随机旋转起点 const startRotation = Math.random() * 360; emoji.style.transform = `rotate(${startRotation}deg)`; container.appendChild(emoji); // 触发动画开始 setTimeout(() => { emoji.style.opacity = '0.9'; }, 10); // 动画结束后移除元素 setTimeout(() => { if (emoji.parentNode) { emoji.remove(); } }, duration * 1000); return emoji; } // 批量创建emoji function createEmojiBatch(container, count = 3) { for (let i = 0; i < count; i++) { setTimeout(() => { createFallingEmoji(container); }, i * 300); } } // 鼠标交互效果 function addMouseInteraction(container) { document.addEventListener('mousemove', (e) => { // 5%的几率在鼠标周围产生小emoji if (Math.random() < 0.05 && container) { createMouseEmoji(e.clientX, e.clientY, container); } }); // 点击时在点击位置产生emoji document.addEventListener('click', (e) => { if (Math.random() < 0.3 && container) { createClickEmoji(e.clientX, e.clientY, container); } }); } // 鼠标位置emoji function createMouseEmoji(x, y, container) { const emoji = document.createElement('div'); emoji.textContent = '✨'; emoji.style.position = 'fixed'; emoji.style.left = `${x}px`; emoji.style.top = `${y}px`; emoji.style.fontSize = '16px'; emoji.style.pointerEvents = 'none'; emoji.style.zIndex = '9999'; emoji.style.opacity = '0'; emoji.style.animation = 'sparkle 1s ease-out forwards'; emoji.style.color = '#ffd700'; document.body.appendChild(emoji); setTimeout(() => { emoji.remove(); }, 1000); } // 点击位置emoji function createClickEmoji(x, y, container) { const clickEmojis = ['🎄', '🎁', '✨', '❄️', '🌟']; const emoji = clickEmojis[Math.floor(Math.random() * clickEmojis.length)]; const clickEffect = document.createElement('div'); clickEffect.textContent = emoji; clickEffect.style.position = 'fixed'; clickEffect.style.left = `${x}px`; clickEffect.style.top = `${y}px`; clickEffect.style.fontSize = '28px'; clickEffect.style.pointerEvents = 'none'; clickEffect.style.zIndex = '9999'; clickEffect.style.opacity = '0'; clickEffect.style.animation = 'clickSparkle 1.5s ease-out forwards'; clickEffect.style.transform = 'translate(-50%, -50%)'; document.body.appendChild(clickEffect); setTimeout(() => { clickEffect.remove(); }, 1500); } // 添加CSS动画 function addAnimationStyles() { if (!document.querySelector('style#christmas-animations')) { const style = document.createElement('style'); style.id = 'christmas-animations'; style.textContent = ` @keyframes sparkle { 0% { opacity: 0; transform: scale(0.5) rotate(0deg); } 50% { opacity: 1; transform: scale(1.2) rotate(180deg); } 100% { opacity: 0; transform: scale(0.5) rotate(360deg); } } @keyframes clickSparkle { 0% { opacity: 0; transform: translate(-50%, -50%) scale(0.3); } 30% { opacity: 1; transform: translate(-50%, -50%) scale(1.5); } 70% { opacity: 0.8; transform: translate(-50%, -100%) scale(1); } 100% { opacity: 0; transform: translate(-50%, -150%) scale(0.5); } } `; document.head.appendChild(style); } } // 初始化 function init() { const container = createContainer(); addAnimationStyles(); addMouseInteraction(container); // 开始飘落 function startFalling() { // 根据窗口大小调整密度 const density = window.innerWidth < 768 ? 1 : 2; createEmojiBatch(container, density); // 随机间隔继续创建 const nextInterval = Math.random() * 2000 + 1500; setTimeout(startFalling, nextInterval); } // 延迟开始 setTimeout(startFalling, 500); // 窗口大小变化时调整 let resizeTimer; window.addEventListener('resize', () => { clearTimeout(resizeTimer); resizeTimer = setTimeout(() => { // 可以在这里调整参数 }, 250); }); // 页面可见性变化时暂停/继续 document.addEventListener('visibilitychange', () => { if (document.hidden) { container.style.animationPlayState = 'paused'; } else { container.style.animationPlayState = 'running'; } }); } // 页面加载后初始化 setTimeout(init, 100); } // 启动条件：在11月下旬到1月上旬 function shouldShowChristmasEffect() { const now = new Date(); const month = now.getMonth() + 1; // 0-11 变成 1-12 // 只在11月下旬到1月上旬 return month === 12 || (month === 11 && now.getDate() >= 20) || (month === 1 && now.getDate() <= 10); } // 初始化 if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', () => { if (shouldShowChristmasEffect()) { initChristmasFallingEmojis(); } }); } else { if (shouldShowChristmasEffect()) { initChristmasFallingEmojis(); } } // ========== CHRISTMAS BANNER SCRIPT ========== (function() { 'use strict'; // Create banner HTML function createBanner() { const banner = document.createElement('div'); banner.id = 'christmas-promo-banner'; banner.innerHTML = `

5% OFF all Products (excl. accessories) SANTA5

00 Days

00 Hours

00 Minutes

`; return banner; } // Calculate countdown function updateCountdown() { // Event dates in UTC (World Time) const eventStart = new Date('2025-12-15T00:00:00Z'); const eventEnd = new Date('2026-01-02T23:59:59Z'); const now = new Date(); // If event hasn't started yet, show countdown to start // If event is ongoing, show countdown to end // If event has ended, hide banner let targetDate; let isEventActive = false; if (now < eventStart) { targetDate = eventStart; } else if (now <= eventEnd) { targetDate = eventEnd; isEventActive = true; } else { // Event ended - remove banner const banner = document.getElementById('christmas-promo-banner'); if (banner) { banner.style.display = 'none'; document.body.style.paddingTop = '0'; } return; } const timeRemaining = targetDate - now; if (timeRemaining <= 0) { return; } // Calculate days, hours, minutes const days = Math.floor(timeRemaining / (1000 * 60 * 60 * 24)); const hours = Math.floor((timeRemaining % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); const minutes = Math.floor((timeRemaining % (1000 * 60 * 60)) / (1000 * 60)); // Update display document.getElementById('days').textContent = days.toString().padStart(2, '0'); document.getElementById('hours').textContent = hours.toString().padStart(2, '0'); document.getElementById('minutes').textContent = minutes.toString().padStart(2, '0'); // Update coupon code display if event is active if (isEventActive) { const couponElement = document.getElementById('coupon-code'); if (couponElement) { couponElement.style.display = 'inline-flex'; } } } // Copy coupon code to clipboard function setupCouponCopy() { const couponElement = document.getElementById('coupon-code'); if (!couponElement) return; couponElement.addEventListener('click', function() { const couponCode = 'SANTA5'; // Create temporary textarea for copying const textarea = document.createElement('textarea'); textarea.value = couponCode; textarea.style.position = 'fixed'; textarea.style.opacity = '0'; document.body.appendChild(textarea); textarea.select(); textarea.setSelectionRange(0, 99999); // For mobile devices try { // Copy text const successful = document.execCommand('copy'); if (successful) { // Show "Copied!" message this.classList.add('copied'); // Remove the class after animation completes setTimeout(() => { this.classList.remove('copied'); }, 2000); } } catch (err) { console.error('Failed to copy coupon code:', err); } // Clean up document.body.removeChild(textarea); // Fallback for modern clipboard API if (!document.execCommand) { navigator.clipboard.writeText(couponCode).then(() => { this.classList.add('copied'); setTimeout(() => { this.classList.remove('copied'); }, 2000); }).catch(err => { console.error('Failed to copy coupon code:', err); }); } }); } // Initialize banner function initBanner() { // Check if banner already exists if (document.getElementById('christmas-promo-banner')) { return; } // Create and insert banner const banner = createBanner(); document.body.insertBefore(banner, document.body.firstChild); // Setup event listeners setupCouponCopy(); // Initial countdown update updateCountdown(); // Update countdown every minute setInterval(updateCountdown, 60000); // Check for theme adjustments (for Shopify compatibility) setTimeout(() => { const header = document.querySelector('header'); if (header && window.getComputedStyle(header).position === 'fixed') { // Adjust body padding if theme has fixed header const bannerHeight = document.getElementById('christmas-promo-banner').offsetHeight; const headerHeight = header.offsetHeight; document.body.style.paddingTop = (bannerHeight + headerHeight) + 'px'; } }, 100); } // Initialize when DOM is ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initBanner); } else { initBanner(); } })();

Shipping fee

Shipping fee

Subscribe To Our Emails