Header Announcement Area

A clear area to make text-based announcements, for example, closing times over the Christmas holiday period.

Wireframe

Announcement Area


Preparation Checklist

Before you start this tweak, it's a good idea to run through our Preparation Checklist below:

  • Read through the Introduction to Neto Document to get a better sense of how the Control Panel, Database and Front End store interact.
  • Learn our recommended Simple Workflow. This makes the implementation process as easy as possible.
  • Create a new Staging Theme for this tweak. This allows you to preview any changes before they are visible to live customers.

Coding Instructions

Step 1: Open the header template

Navigate to the header template which can be located here /httpdocs/assets/themes/[THEME-NAME]/templates/headers/template.html.

Step 2: Add the following code

Add the following code directly below the opening of the <body> tag:

<!-- Header Announcement -->
[%set [@header_announcement@]%][%content_zone id:'header_announcement'%][%/content_zone%][%/set%]
[%if [@header_announcement@] ne ''%]
    <div class="bg-light text-center py-2">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <strong>[%format type:'text' rmhtml:'1'%][@header_announcement@][%/format%]</strong>
                </div>
            </div>
        </div>
    </div>
[%/if%]

Step 3: Setup the content zone

Setup a new content zone named header_announcement, and add in the announcement text (eg. "Free Express Shipping on orders over $100").


Final Result

Announcement Area


Was this article useful?

Be notified when this page is updated. Optional.