Holiday Theme Settings Documentation¶

Menu Location: Settings > Content > Holiday Theme Settings

Access Level: Administrator and above

Last Updated: 2026-03-01

Overview¶

Holiday Theme Settings allows you to add festive seasonal decorations to your website's navigation header. Apply holiday-themed backgrounds (garlands, lights, snowflakes) and effects (falling snowflakes, ribbons) to create seasonal atmosphere without permanently changing your site design.

Primary Functions:

Apply seasonal background images to navigation header
Enable/disable falling snowflakes animation
Add decorative ribbon under logo
Preview themes before applying
Quick seasonal updates without code changes
Easy removal after holiday season

Page Layout¶

Header Section¶

Navigation breadcrumb and page title
"Save Holiday Theme Settings" button (top and bottom)
Info alert with preview link to front-end website

Falling Snowflakes Effect Section¶

Radio buttons: Enabled/Disabled
Description of animated snowflake effect
Applies to homepage only

Red Ribbon Under Logo Section¶

Radio buttons: Enabled/Disabled
Description of decorative ribbon placement
Appears on all pages

Header Background Theme Section¶

Visual selection of background themes
Preview images for each theme option
Position indicator (Top/Bottom of header)
Radio button selection for each theme

Available Holiday Themes¶

Background Themes¶

None (Default):

No holiday decorations
Standard header appearance
Use year-round or after holidays

Snowflakes:

Snowflake pattern at top of header
Subtle winter theme
Works well December-February

Garland:

Festive garland across top
Traditional holiday decoration
Best for Christmas season

Fairy Lights (Regular):

String lights across top of header
Warm, festive glow
Great for winter holidays

Fairy Lights (Small):

Smaller/more subtle string lights
Less visually prominent option
Good for extended holiday season

Wavy Garland (Top):

Decorative wavy garland at header top
Festive but not overwhelming
Versatile seasonal option

Wavy Garland (Bottom):

Decorative garland at bottom of header
Different visual placement
Alternative to top placement

Decorative Garland (Bottom):

More ornate garland style
Positioned at header bottom
Rich holiday decoration

Holiday Effects¶

Falling Snowflakes Effect¶

What It Does:

Animated snowflakes gently fall on front page
JavaScript animation effect
Adds winter wonderland atmosphere

Options:

Enabled: Snowflakes fall on homepage
Disabled: No snowflake animation (default)

Best For:

Winter season (November-March)
Christmas/New Year promotions
Creating festive atmosphere

Performance Notes:

Minimal impact on page load
Works on all modern browsers
Can be disabled for simplicity

Red Ribbon Under Logo¶

What It Does:

Displays decorative red ribbon underneath business logo
Static image, not animated
Appears on all pages

Options:

Enabled: Show red ribbon
Disabled: No ribbon (default)

Best For:

Holiday season gift-giving theme
Adding festive touch to branding
Christmas/Valentine's Day

Applying Holiday Themes¶

Steps to Apply Theme¶

Review current theme (highlighted option)
Click preview link to view front-end in new tab
Select different theme option by clicking anywhere in that theme box
Radio button automatically selects
Optionally enable/disable snowflakes effect
Optionally enable/disable ribbon effect
Click "Save Holiday Theme Settings" button
View front-end to confirm appearance
Toggle back and forth to compare

Instant Preview Workflow:

Keep front-end tab open in browser
Change setting on Holiday Theme Settings page
Save
Refresh front-end tab
See changes immediately
Adjust as needed

Common Use Cases¶

Use Case 1: Add Christmas Decorations¶

Goal: Festive header for holiday shopping season

Steps:

Go to Holiday Theme Settings
Select "Garland" or "Fairy Lights" theme
Enable "Falling Snowflakes" effect
Enable "Red Ribbon Under Logo"
Click "Save Holiday Theme Settings"
View website - festive holiday appearance

Result: Full holiday decoration package

Use Case 2: Subtle Winter Theme¶

Goal: Seasonal touch without overwhelming customers

Steps:

Select "Wavy Garland (Top)" theme
Leave snowflakes disabled
Leave ribbon disabled
Save settings
Review front-end

Result: Tasteful winter header

Use Case 3: Valentine's Day Promotion¶

Goal: Festive for Valentine's without Christmas imagery

Steps:

Select "None" for background (no Christmas imagery)
Enable "Red Ribbon Under Logo" only
Save settings
Red ribbon adds festive Valentine's feel

Result: Valentine's-appropriate decoration

Use Case 4: Remove Decorations After Season¶

Goal: Return to standard appearance in January

Steps:

Go to Holiday Theme Settings
Select "None (Default)"
Disable falling snowflakes
Disable red ribbon
Save settings
Website returns to standard year-round appearance

Result: Clean, non-seasonal header

Use Case 5: Test Multiple Themes¶

Goal: Find best-looking holiday decoration

Steps:

Keep website open in separate tab
Try "Snowflakes" theme, save, refresh website
Try "Garland" theme, save, refresh website
Try "Fairy Lights" theme, save, refresh website
Compare which looks best with your brand colors
Select favorite and leave applied

Result: Perfect holiday theme chosen

Troubleshooting¶

Theme Not Showing on Website¶

Symptoms:

Selected theme but doesn't appear on front-end
Still showing old theme or no theme

Solutions:

Clear browser cache (Ctrl+F5)
Try private/incognito browsing window
Check you clicked "Save" button
Wait 2-3 minutes for cache to clear
Verify on actual website URL (not admin page)

Snowflakes Not Falling¶

Symptoms:

Enabled snowflakes but no animation

Check:

Only shows on homepage (not other pages)
Requires JavaScript enabled
Won't show if browser blocks scripts
May not work on very old browsers

Solutions:

Test on homepage specifically
Enable JavaScript in browser
Try modern browser (Chrome, Firefox, Safari)
Clear cache and refresh

Theme Looks Wrong with Brand Colors¶

Symptoms:

Holiday decoration clashes with site colors
Doesn't match branding

Solutions:

Try different theme option (subtle vs. bold)
Use more neutral themes (Wavy Garland)
Consider just ribbon or just snowflakes
Coordinate with site's color scheme
May need to temporarily adjust logo/header colors

Mobile Appearance Issues¶

Symptoms:

Theme looks different or broken on mobile

Solutions:

Test on actual mobile device
Themes optimized for responsive design
May appear differently due to smaller screen
Try theme with bottom placement instead of top
Disable if not working well on mobile

Best Practices¶

Seasonal Planning¶

Plan ahead - Apply themes 2-3 weeks before holiday
Test first - Preview before holiday rush
Remove promptly - Take down shortly after holiday
Coordinate with promotions - Match email campaigns
Less is more - Don't enable all effects at once

Theme Selection¶

Match brand - Choose themes complementing your colors
Consider audience - Know your customers' preferences
Test on devices - Check desktop and mobile
Start subtle - Can always add more decoration
Get feedback - Ask team which looks best

Performance¶

Monitor load times - Ensure decorations don't slow site
Limit effects - Don't combine all options
Test checkout - Ensure decorations don't interfere with purchasing
Mobile-first - Verify good mobile experience

Things to Avoid¶

❌ Leaving holiday decorations up year-round
❌ Mixing too many effects (overwhelming)
❌ Not testing on mobile devices
❌ Changing themes daily (consistency important)
❌ Using themes that clash with brand identity

Quick Reference Card¶

Task	Action/Location
Apply holiday theme	Click theme option, click Save
Remove decorations	Select "None", disable effects, Save
Enable snowflakes	Select "Enabled" under Falling Snowflakes
Add ribbon	Select "Enabled" under Red Ribbon
Preview on website	Click link in alert box at top
Change theme	Click different theme box, Save
Quick reset	Select "None" for all options, Save
Test appearance	Save, refresh website in other browser tab

FAQs¶

Can I use my own holiday images?¶

Not through this page. These are pre-configured themes. For custom decorations, contact Kiva Logic support for assistance.

Do themes affect site performance?¶

Minimal impact. Themes use small optimized images. Snowflakes effect adds light JavaScript animation but shouldn't noticeably slow site.

Can I schedule themes to apply automatically?¶

No, themes must be manually applied and removed. Add to calendar reminder to apply/remove at appropriate dates.

Will themes appear in emails too?¶

No, only on website header. Emails use separate templates with their own holiday customization options.

Can customers disable holiday decorations?¶

No customer-facing option to disable. However, decorations are designed to be tasteful and non-intrusive. If concerns, choose more subtle themes.

Do all themes work on mobile?¶

Yes, all themes are mobile-responsive. However, appearance may differ on smaller screens due to space constraints.

Can I use multiple background themes at once?¶

No, select one background theme at a time. Can combine background theme with snowflakes and/or ribbon effects.

How do I know which theme looks best?¶

Use the preview workflow: keep website open, try different themes, refresh to see each. Compare and choose your favorite.

End of Documentation

For additional help, contact your system administrator or Kiva Logic support.