How can I change the header and footer on a login page using the Dawn theme?

Store Design
, ,
1

Goal: use the header and footer from the password page template on the login page. I don’t want to use the primary page header and footer. I am using a lockout app to prevent people from seeing the content of the site if they don’t have a certain type of account. However, they can still see the header and footer on the login page. So I am not really blocking ‘everything’.

Using Dawn theme

Using Wholesale Lock Manager app

The app allows me to choose where people are redirected to:

  1. Login Page
  2. Specific Page
  3. Specific URL

Ideally I would send them to the Login page. But I want them to see a minimal header and footer.

I know how to change which template is used for pages that I create. The issue is that the Login page is not included in the list of pages and thus no way to make a template change.

2

Maybe I should have titled this “Apply Login Page to the Dawn theme’s password.liquid layout”

3

Solved the Footer request.

Open theme.liquid file and replace

{% section 'footer' %}

with this

{% if template == 'customers/login' %}{% section 'main-password-footer' %}
{% else %}
{% section 'footer' %}
{% endif %}
4

I made it work with a lot of ‘if’ statements including ‘if this then load this css file’ statements. Lots of work, and I will need to do a lot of coding again if we ever need to update the Dawn theme. But it worked.