✨ Emoji Animations

Page-load emoji rain + add-to-cart burst effects. Production feature in HyvaFrontendTheme, configured via admin.

🎭 Where It Runs

🛒

Add-to-Cart Burst

Short emoji burst emitted from the cart-button position after a successful add-to-cart event. Burst count, radius, duration, and emoji set are admin-configurable.

🌧️

Page-Load Rain

Optional on-schedule emoji rain on page load for promotional campaigns. Disabled on mobile by default. Scheduling managed via the admin Emoji Schedule grid.

⚙️ Configure

Admin path: Stores → Configuration → Sparkles → Emoji Animations

Schedule grid: Admin grid at HyvaFrontendTheme/view/adminhtml/hyva-grid/emoji-schedule-grid.xml — set per-campaign windows.

Rendered by: app/code/CustomHyva/HyvaFrontendTheme/view/frontend/templates/emoji-animations.phtml (wraps the Alpine factory with a fixed-position particle container).

Factory: window.emojiAnimations(config) from HyvaFrontendTheme/view/frontend/web/js/emoji-animations.js

📝 Config Shape

{
  enabled: true,
  addToCart: {
    enabled: true,
    useColoredEmojis: false,
    emojis: ['⭐', '✨', '🎉'],
    burstCount: 8,
    burstRadius: 100,
    duration: 1.5,
    size: 2
  },
  pageLoad: {
    enabled: false,
    disableOnMobile: true
  }
}