Announcement Navbar Combo
Banner and nav as one composed header unit with a dismissible price change preannounce above the bar.
Banner and nav as one composed header unit with a dismissible price change preannounce above the bar.
Search blocks by description or jump to a page.
The source for every Ecommerce block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Announcement Navbar Combo integrates the announcement band above the main bar as one composed header unit, solving the spacing problem that occurs when a banner and a navbar are assembled independently. The example runs a price change preannounce: nine rise, three fall, every reason published, with a link to the letter and a dismissible X positioned absolutely so the band text stays centered.
The nav links array and the announcement copy are the only moving parts. The dismiss button is present but the block is static, wiring the state is left to the consuming app.
Reach for this block any time a sitewide announcement must run above the main bar without the two layers fighting for spacing. The price preannounce example requires a public letter at the linked URL before the band goes live.
A natural flow around it on an Ecommerce Pro page:
Before
After
One strong use is the price change preannounce with letter link. Other announcement combos:
Tip: “nine rise, three fall, every reason published” sets the honest tone for price announcements; specifics earn more trust than a vague pricing update notice.