LoginSign Up

Sdev Shopify Course

Learn step by step. Build real projects.

16. Search and navigation, predictive search, mega menu and sticky header

Aap kis language mein padhna chahoge?

Which language do you want to learn in?

Code aur technical words English mein hi rahenge. Aap baad mein bhi language badal sakte ho.

Lesson 16

Search and navigation, predictive search, mega menu and sticky header

Unlock this lesson

Create a free account, then buy the course to open every lesson.

What you will learn in this lesson

  • Call the predictive search endpoint and read its JSON.
  • Show live product suggestions with the Section Rendering API.
  • Read a menu with three levels in Liquid.
  • Build a mega menu that opens with a click and closes with Esc.
  • Keep a menu at the top of the page while the shopper scrolls.

120 minutes Lesson 16 of 25

Everything in Shopify Theme Developer

  • 25 step-by-step lessons
  • 4 mini projects with solutions
  • A final project for your portfolio
  • Real commands and real output in every lesson
  • Practice task with a solution in each lesson
  • Progress saved to your account