Hey @KR3 ,
To set up a different header menu for customers with the “read3-user” tag in the Dawn theme, you’ll need to modify the theme’s code to detect the customer tag and conditionally render the appropriate menu:
Follow These Steps:
1, Online Store
-
Themes
-
Edit Code
-
Create Alternate Menu Code:
-Open header.liquid (usually located under Srctions).
-Locate the code that renders your header menu. In Dawn, it often uses navigation.liquid or another snippet to load the menu.
- Add Conditional Logic for Customer Tag:
-Insert a condition to check if the logged-in customer has the read3-user tag.
-Here’s an example of what the code might look like:
liquid:
{% if customer and customer.tags contains 'read3-user' %}
{% render 'alternate-menu' %}
{% else %}
{% render 'main-menu' %}
{% endif %}
- Create the Alternate Menu:
-If you don’t already have an alternate menu snippet (e.g., alternate-menu.liquid), create a new snippet with the desired menu structure.
- Ensure Compatibility with Mobile and Mega Menus:
-Dawn handles mobile and desktop headers separately, so ensure that your condition covers both.
-Test on both mobile and desktop views to confirm the alternate menu displays as expected.
- Test Across Templates:
Since you want this header to display universally, placing this in the header.liquid will apply it site-wide.
After implementing, check by logging in as a tagged customer on mobile and desktop to confirm the alternate menu appears correctly. Let me know if you’d like further customization on this setup!
If I was able to help you, please don’t forget to Like and mark it as the Solution!
If you’re looking for expert help with customization or coding, I’d be delighted to support you. Please don’t hesitate to reach out via the email in my signature below—I’m here to help bring your vision to life!
Best Regard,
Rajat Sharma
