Add social links to Shopify Dawn password page

Store Design
, , ,
1

I built out my own password/temporary landing page myself as I wait for some funding to come in to pay my developer (lol). My site is: https://www.highriseclothing.co
I’m pretty happy with what I came up with… It took a lot of tinkering and figuring out what does what, but I got it to look like I had envisioned it.

In Dawn, it’s apparently only possible to add social links to the footer, but to achieve the clean look I wanted I deactivated the footer altogether in the code.

Is there a way to add a small little black Instagram logo somewhere between the email input field and the Highrise © 2023 text that achieves the same thing? I have my IG logo file prepared, I just can’t seem find out how to implement it.

Any tips would be greatly appreciated!!

2

From the dawn reference

https://github.com/Shopify/dawn/blob/main/sections/main-password-footer.liquid#L29

{%- if settings.social_instagram_link != blank -%}
      - {%- render 'icon-instagram' -%}
            {{ 'general.social.links.instagram' | t }}
        
      

    {%- endif -%}

Just use that near whatever code you’ve created for the footer.

You may need remove the list element wrapping the anchor tag

  • .

    And if if using a Heading for the footer copyright you will need to use CSS to force it to be on the same line .

    Good hunting.