Header

Topic summary

A user wants to customize their Shopify store header to include a categories menu that opens a sub-window displaying 5 product lists when clicked, as shown in their reference image.

Current Status:

  • Store password provided: 1
  • Test store link shared for reference

Responses & Solutions:

  • One contributor noted this requires extensive coding work and recommended hiring a developer
  • Another expert from Mageplaza provided specific file paths for customization:
    • snippets/header-drawer.liquid
    • snippets/header-search.liquid
    • sections/header.liquid

Key Consideration:
The customization involves creating a dropdown/sub-window interface for category navigation with product listings, which goes beyond basic theme settings and requires Liquid template modifications.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.

i want to edit the header of this test store like the image below is it possible, if anyone can guide me, thanks

Here is the store link (pass: 1): https://test-test-test-tutorial.myshopify.com/

When clicking on categories, it will go to the all collection page. Click on the icon, a sub-window will appear as shown in the picture. Inside, there are 5 product lists. If those parts can be customized, it’s even better.

Hi @ntd03123231

Please provide your store password

pass: 1

password: 1

Are you there?

Hi @ntd03123231

This one requires a lot of coding work and it is recommended that you hire a developer.

1 Like

Hi @ntd03123231 ,

I am from Mageplaza - Shopify solution expert.

To customize the header of Shopify, you need to modify its code.

Please go to the following files and make the necessary adjustments as per your requirements:

  • snippets/header-drawer.liquid

  • snippets/header-search.liquid

  • sections/header.liquid

Hope it can be helpful to you.

Best regards!

1 Like