⚙️ General Settings #
- Enable Falling Leaves Effect: Toggle on/off site-wide.
- Date Range: Choose a start and end date (leave empty for year-round).
- Time Schedule: Limit the effect to certain hours (e.g., evenings).
✅ Example: Show leaves from September 1st – November 30th, 08:00–23:00 daily.
🍂 Animation Settings #
- Leaf Intensity: Preset options (Light / Medium / Heavy).
- Number of Leaves: Set how many are on screen at once.
- Maximum Leaves: Performance cap (e.g., 200).
- Leaf Size Range: Choose min/max size in pixels.
- Fall Speed: Adjust how fast the leaves fall.
- Wind Direction: Simulate drifting (left, right, or none).
💡 For a natural look, use medium intensity with varied sizes.
🎨 Customization Settings #
- Leaf Type: Choose between:
- Emoji leaves (🍁🍂🌿)
- Custom images (upload your own PNG, SVG, WebP)
- Leaf Opacity: Control transparency (0.1 to 1).
- Interactive Effects:
- React to mouse movement
- Accumulate at bottom of screen
- Burst/scatter on click or tap
(Note: No color picker is available, since leaves are naturally colored via emojis or custom images.)
🖥️ Display Settings #
- Display on Pages: Choose where to show (Homepage, Blog, Shop, Single Posts, etc.).
- Show to User Roles: Restrict visibility to certain roles (e.g., logged-out users only, or customers only).
✅ Example: Show falling leaves only on the shop homepage during an autumn sale.
⚡ Performance Settings #
- Device Restrictions: Option to disable on mobile/tablet.
- Lazy Loading: Start the effect after the page fully loads.
- Optimization Tips: Reduce leaf count or disable effects on mobile if performance issues occur.