• Home
    • Templates
      • Alsten
      • Lemberg
      • Bergen
      • Hafen
      • Altona
      • Enkel
      • Horten
      • Hisingen
      • Agen
      • Tjörn
      • Halmstad
      • Öland
    • Support
    • Purchase
    • Blog
  • Home
  • Templates
    • Alsten
    • Lemberg
    • Bergen
    • Hafen
    • Altona
    • Enkel
    • Horten
    • Hisingen
    • Agen
    • Tjörn
    • Halmstad
    • Öland
  • Support
  • Purchase
  • Blog
    21. July 2019

    Adding a notification bar - Jimdo creator

    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>

    Edit here your notification bar

    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

    tagPlaceholderTags: col-3

    SUPPORT

    • Blog
    • Support center
    • Tutorials
    • Common Support issues
    • Updates
    • Matrix Checkup

    QUICK LINKS

    • Features
    • Pricing
    • Pre Purchase Questions
    • Partners
    • Custom Installation
    • Zødiac Framework

    GET INSPIRED

    • Showcase
    • Custom widgets
    • Enterprise Package
    • No coding features
    • Matrix variables
    • Dolphin Block Elements
    hide-in-doc-page

    Showcase
    draggable-logo

    STAND OUT WITH A PROFESSIONAL JIMDO WEBSITE

    About | Privacy Policy | Cookie Policy | Sitemap
    Copyright © 2021 All rights reserved
    Log in Log out | Edit
    • Scroll to top
    Close