#41
Editorial mega menu
- Twist
- Beauty
- Shopify-ready
Desktop shop dropdown with image-led routine tiles.
8.3 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 3 Theme Editor settings · category navigation
Top 43 Navigation Sections for Shopify (Updated Oct 2026)
Blocko has 43 free navigation sections for Shopify Online Store 2.0, from 15 themes across beauty. 42 ship as Shopify Liquid with merchant settings; 28 need no JavaScript at all. Each one has a live demo and a one-line prompt for your coding agent.
The list is ranked with Shopify-ready items first, then by the least JavaScript. Open any item to see its sections, settings and prompt, or use all sections by type to compare other kinds. Not affiliated with Shopify. Showing items 41 to 43.
Compare at a glance
| # | Name | Theme | Industry | Shopify | JavaScript | Settings |
|---|---|---|---|---|---|---|
| 41 | Editorial mega menu | Twist | Beauty | Liquid + HTML | 8.3 KB | 3 |
| 42 | Editorial mega menu | Veil | Beauty | Liquid + HTML | 8.3 KB | 3 |
| 43 | Hair care mega menu | Tress | Beauty | HTML only | 4.4 KB | n/a |
Navigation sections
#42
Editorial mega menu
- Veil
- Beauty
- Shopify-ready
Desktop shop dropdown with image-led routine tiles.
8.3 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 3 Theme Editor settings · category navigation
#43
Hair care mega menu
- Tress
- Beauty
- Liquid pending
Image-led navigation for hair care routines.
4.4 KB JavaScript (vanilla Custom Element) · HTML demo, Liquid pending · category navigation
Frequently asked questions
What are the best navigation sections for Shopify?
Blocko lists 43 free, MIT-licensed navigation sections from 15 themes. 42 of them ship as Shopify Liquid today and the rest are complete HTML demos. The list is ranked with Liquid-ready items first, then by the least JavaScript, so Mobile drawer menu from Balm comes first.
Are these navigation sections free to use?
Yes. Every item is MIT licensed, free to copy and edit, and needs no app or subscription. Blocko is not affiliated with Shopify.
How do I add one of these navigation sections to my Shopify store?
Open an item, copy its one-line prompt into your coding agent, or connect the Blocko MCP server at https://blocko.ai/mcp. The agent asks where the section should go before it changes any code.
Which industries do these navigation sections cover?
Beauty. Every industry with at least three matching items has its own list.
How much JavaScript do these navigation sections ship?
28 of 43 ship 0 KB of JavaScript. The heaviest is Editorial mega menu in Balm at 8.3 KB, registered as an idempotent Custom Element.
Related lists
Filter by industry
Filter by page type
Where these navigation sections are used.
Other sections
- Customer Account Sections (165)
- Brand Guidelines Sections (105)
- About Sections (92)
- Utility Pages Sections (90)
- Contact Sections (73)
- Product Page Sections (58)
- Image With Text Sections (48)
- Landing Page Content Sections (46)
- Quizzes and Finders Sections (46)
- Cart Sections (45)
- FAQ Sections (44)
- Blog Sections (43)
Markdown version for agents · Browse the full library · Connect your agent