Skip to product information
1 of 1
Published:2023.05.30

How to preset the hierarchy of the currently displayed page when opening the drawer menu in the Shopify theme "Dawn"

How to preset the hierarchy of the currently displayed page when opening the drawer menu in the Shopify theme "Dawn"

Applications

  • Product information management and editing

How to implement

  • LIQUID
  • Javascript
View full details

In Shopify, you have to go through the mobile menu from the top every time, and if the hierarchy is deep, it can be a bit of a hassle to go back and forth. Therefore, if you display the hierarchy immediately after opening the menu, the transition will be much smoother. The method will differ in other themes, but here is an example of implementation in the Dawn theme.


How to preset the hierarchy of the currently displayed page when opening the drawer menu in the "Dawn" theme



[Setup Step 1] Add a customized Liquid section to the header (or footer) and insert the code


[Settings Step 2] Edit the code in "snippets/header-drawer.liquid"


After making a purchase (all items are ¥0), you will be able to view the sample code.

If you have already made a purchase, please login here.

Sample Codes

Test Theme :Dawn/Rise 15.2.0

Add a customized Liquid section to your header (or footer) and insert the code

Related Post