Adding a custom button (text, left-aligned) to Dawn’s announcement bar, plus a similar custom button in the header. The requester wants code-level guidance.
Key guidance provided:
Notes and cautions:
Assets: An image is attached showing the desired button placement.
Status: No step-by-step code or confirmed implementation; remains unresolved/ongoing.
I’m using Dawn template, and I want to add a customised button in announcement bar - Dawn template. This button should contains text and put in the left hand side. I know i need to use code to achieve this, but dont know how exactly write them.
Also: can you also let me know how to add a customised button in Header as well?
This is an advanced customization beyond the scope of the forums as it’s two code areas and layout styling, hire someone if your unfamiliar with code.
Always backup themes before changing files.
Crudely that is the file sections/announcement-bar.liquid
And to be at the end a button would be put around line 217 before one of the closing 's.
example: https://github.com/Shopify/dawn/blob/main/sections/announcement-bar.liquid#L217
similarity for the header https://github.com/Shopify/dawn/blob/main/sections/header.liquid#L338
Test thoroughly as you are cramming more things into areas not designed for them.
If you need this customization then contact me by my email for services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.
Good Hunting.
