Lightweight High Performance Sticky Bar

The Lightweight High Performance Sticky Bar is perfect for announcements, promotions, or important messages that need visibility without disrupting the user experience. It adds a customizable sticky bar to the top of your website with options for a countdown timer.

Features

• Smooth Animations: Clean transitions when showing and hiding the bar
• Customizable Text: Set your own message to display
• Color Picker: Choose any background color with the built-in WordPress color picker
• Cookie Integration: Bar stays hidden for visitors who close it
• Configurable Duration: Set how many hours the bar stays hidden after being closed
• Admin Bar Compatible: Automatically adjusts position when WordPress admin bar is present
• Content-Friendly: Adds padding to avoid covering your website content
• Lightweight: Minimal impact on page load times and performance
• Mobile-Friendly: Fully responsive design that works on all devices
• No Dependencies: Doesn’t require any external libraries beyond jQuery (included with WordPress)
• Countdown Timer: Display a countdown to a specific date and time
• Cache-Compatible: Works with page caching plugins
• Customizable Countdown: Position, colors, labels, and end actions

Technical Details

The sticky bar appears at the top of your website as the first element in the header. It includes:

• Smart Positioning: Detects and adjusts for the WordPress admin bar when logged in
• Body Padding: Automatically adds padding to prevent content from being hidden
• Responsive Layout: Adapts to all screen sizes from mobile to desktop
• Performance Optimized: JavaScript and CSS are minified and only loaded when needed
• Cookie-Based Memory: Respects user preferences by remembering when they’ve dismissed the bar
• Countdown Feature: Display days, hours, minutes, and seconds remaining until a target date
• AJAX Updates: Ensures countdown accuracy even with cached pages

Configuration Options

• Bar Text: The message displayed in the sticky bar
• Background Color: Color picker for the bar background
• Hide Duration: Hours the bar stays hidden after closing
• Enable Bar: Toggle to activate/deactivate the bar
• Enable Countdown: Toggle to enable the countdown timer
• Target Date: The date and time that the countdown targets
• After Countdown Ends: What happens when countdown reaches zero (Show Zeros, Remove Countdown, or Remove Bar)
• Countdown Position: Where to display the countdown relative to text
• Numbers Background: Background color for countdown digits
• Numbers Font Color: Text color for countdown digits
• Show Labels: Toggle to show/hide time unit labels (Days, Hours, etc.)
• Labels Position: Display labels above or below the numbers
• Custom Labels: Customize the text for each time unit label

Requirements

• WordPress 5.0 or higher
• PHP 7.4 or higher
• JavaScript enabled in the browser
• Cookies enabled for remembering user preferences

Requirements

• WordPress 5.0 or higher
• PHP 7.4 or higher
• JavaScript enabled in the browser
• Cookies enabled for remembering user preferences

License

This plugin is licensed under the GPLv2 or later.

Credits

Developed by Alex Godlewski, Hyroes.com

Privacy

This plugin sets a cookie (HyroesStickyBarClosed) in the visitor’s browser when they close the sticky bar. This cookie only stores a simple “closed” status and does not collect any personal information or track users.

The cookie expires after the configured number of hours (default: 24 hours). No data is sent to external servers except for the AJAX requests used to update the countdown timer, which do not contain any personal information.