Header and navigation Shopify code - announcement bars, mega menus, promo headers and utility navigation built for OS 2.0 themes.
Announcement bar
A dismissible top-of-page message with configurable text, link and colours.
View snippetBreadcrumb + SEO schema
Home > Collection > Product navigation with BreadcrumbList JSON-LD - helps wayfinding and rich results in search.
View snippetStory circles slider
Instagram-style circular story links - tap-through categories that feel native to shoppers.
View snippetPills filter bar
Scrollable chip-style nav - filter links that look native on mobile.
View snippetCollection banner hero
Full-width collection banner with image, title and product count - top of every collection page.
View snippetShop by category tiles
Image tiles linking to collections - the visual nav on almost every successful homepage.
View snippetSearch + trending chips
A big centered search box with trending searches - put discovery front and center.
View snippetMega menu panel
A wide multi-column dropdown with featured collections + a promo card - 95% of premium themes have one.
View snippetMobile bottom nav bar
App-like bottom navigation on mobile - home, search, cart, account - the pattern every m-commerce app trains users on.
View snippetPredictive search
Live product suggestions as you type - powered by Shopify's real /search/suggest.json endpoint.
View snippetTag filter chips
Filter the collection by product tags as clickable chips - no app, uses Shopify's native tag filters.
View snippetPhone number bar
Click-to-call strip above the header - phone, hours and a WhatsApp link. Converts older and B2B buyers.
View snippetMobile nav drawer
Slide-in menu with collections and a support footer - the navigation every mobile shopper expects.
View snippetSticky category pills
Horizontally scrollable category chips that stick under the header - mobile navigation without a hamburger.
View snippetFooter link columns
Structured footer with Shop / Help / Company columns + contact strip - the nav most stores skip until it's too late.
View snippetLanguage dropdown
Hindi / English / regional selector - connects to Shopify's language settings.
View snippetTrending search terms
'Trending: linen, oversized, black' chips - real search suggestions from what people actually type.
View snippet17 components in this category - browse all 203 in the playground