Skip to product information
1 of 1
Published:2023.10.23

Example of setting up the Shopify theme "Dawn" to display a dedicated menu for logged-in users

Example of setting up the Shopify theme "Dawn" to display a dedicated menu for logged-in users

Applications

  • MenuEdit

How to implement

  • LIQUID
View full details

We are sometimes asked to display a special menu for logged-in users in Shopify. This is a setting example that allows you to specify a member-only menu from the theme editor and display different menus depending on the logged-in state. This is an implementation method for Dawn, but it can of course be applied to other themes.


Example of setting to display a dedicated menu for logged-in users with the theme "Dawn"


Setup Step 1: Add the scheme to "header.liquid" and the label to "ja.schema.json"


Setting Step 2: Replace “section.settings.menu.links” in “header-dropdown-menu.liquid”, “header-mega-menu.liquid”, and “header-drawer.liquid”


Setup Step 3: Create a member-only menu and specify the handle name in the theme editor


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 scheme to "header.liquid"


Add a label to "ja.schema.json"


"header-dropdown-menu.liquid" "header-mega-menu.liquid" "header-drawer.liquid" Replace “section.settings.menu.links”

Related Post