You can use the Notification Bar to display a custom message above your site. This is a great way to announce a sale, promotion, working hours, or scheduled site maintenance.
The notification Bar can appear on every page of your site or only in specific page.
It can't be customized with text, background color and link.
How to add it
Make sure you're using Enterprise or Advanced package of Matrix theme.
1) In your admin menu, go to enterprise package and select Ultimate Plus widgets.
Then Instructions > updates. All you have to do is to copy the CSS updates and add them to your website
2) Upload to your website the latest js file of Matrix ( version Matrix-1.6.1.js ) that can be found in section updates.
3) The last step is to add the code inside the module Widget/HTML. You add it inside the content of your site to display only in specific page or in footer to make it visible in all pages
<div class="notification-box cc-box">
</div>
<script type="text/javascript">
//<![CDATA[
jQuery.noConflict();
(function($) {
// Init
$(document).ready(function() {
$(".notification-box").insertBefore($(".hs-top-header"));
$('.notification-box').stickyalert({
barColor: '#d62118', // alert background color
barFontColor: '#fff', // text font color
barFontSize: '0.9rem', // text font size
barText: 'Check the new Jimdo templates!', // the text to display, linked with barTextLink
barTextLink: 'https://www.matrix-themes.com/templates/', // url for anchor
cookieRememberDays: '2', // in days
displayDelay: '3000' // in milliseconds, 3 second default
});
});
})(jQuery);
//]]>
</script>
<div class="matrix-msg invisible">
Edit here your notification bar
</div>
Notes:
The notification bar works fine with all templates with relative position of the header. If you have a transparent header with hero image ( Lemberg ), you need to add different section where it will appear, for example instead of .hs-top-header you add .hs-footer
STAND OUT WITH A PROFESSIONAL JIMDO WEBSITE
Write a comment