Skip to main content
Space: Menu drawer
Thomas K avatar
Written by Thomas K
Updated over a week ago

Summary


The menu drawer comes with a handful of blocks so you have lots of opportunity to customize this.

Tips


  • Go to Theme Settings > Header to set the navigation for the Menu drawer. If drawer menu is included then the slideout menu will use the same menu as your header.

How to add featured images to the drawer menu


Blocks can be used to showcase featured images within the desktop drawer menu. This is handy for drawing attention to top products or collections that you would like to highlight.

  1. Open the theme editor.

  2. Select Menu drawer from the theme sections.

  3. Click Add Block and select Image

  4. Click into the newly created block.

  5. For the Menu field enter the title of the menu item you’d like this block to be displayed next to.

  6. Update the URL, Headings and Image as needed.

  7. Click Save.

How to add featured products to the drawer menu


Blocks can be used to showcase featured products within the desktop drawer menu. This is handy for drawing attention to top products or collections that you would like to highlight.

  1. Open the theme editor.

  2. Select Menu drawer from the theme sections.

  3. Click Add Block and select Collection.

  4. Click into the newly created block.

  5. For the Menu field enter the title of the menu item you’d like this block to be displayed next to.

    • In our example we are displaying the Men's running shoes when hovering over "Men" to do this set the Menu field to men.

  6. Click Save.

Did this answer your question?