Logged in experience vs logged out - dawn theme

[triplezer0]

Hi,

I'm trying to figure out the Dawn theme. it appears there's 2 states that it presents to customers.. a customer who is not logged in, and a customer who is logged in.

If i go to Online Store - Navigation it presents the below menus.. are they for non logged in users?

If I go to themes and customize, there's an entirely different header > footer

How do I edit the above header options on the themes page?

Thanks

Leigh

[VipulBudhiraja]

In the Dawn theme, the navigation and header elements can indeed differ for logged-in and non-logged-in users. Here’s how to manage and customize these elements:

1. Understanding Menus in Online Store > Navigation:

   • The menus you set here (under Online Store > Navigation) are general menus available to all users. However, specific sections or links might change based on whether the user is logged in or not. By default, these are accessible to both logged-in and non-logged-in users.

2. Editing Header in Theme Customizer:

   • To customize the header and footer for each user state:
     • Go to Online Store > Themes and click Customize for the Dawn theme.
     • Navigate to the Header section in the left panel. Here, you can typically customize options like the logo, main menu, and account icons.

3. Adjusting Content for Logged-In and Non-Logged-In States:

   • The Dawn theme may have conditional visibility options to show different links or options based on whether the user is logged in. Unfortunately, Shopify’s theme editor does not offer an easy toggle to simulate logged-in/out states.
   • To create custom experiences, you’ll need to edit the Liquid code. In header.liquid or similar files, you can use Liquid conditionals to show different elements:
     liquid

     Copy code

     {% if customer %} <!-- Content for logged-in users --> {% else %} <!-- Content for non-logged-in users --> {% endif %}

This will allow you to control what each user type sees, creating a seamless experience.

Increase your conversion rate and enhance your user's shopping experience with smart guidance from the Debales AI Chatbot on Shopify! Ready to assist users effortlessly—let’s chat!