How to implement header and footer on checkout pages(checkout.liquid)?

I am trying to copy my website’s header and footer in checkout.liquid file but couldn’t. As I am facing so many design related issues and console errors. Our UI is completely developed using Hydrogen model and we are using checkout from Shopify’s “Dawn” theme. Is there anyone who can help me with this?

Header design includes following elements -

https://prnt.sc/XiSrQG0TYRM1

Also, I need dynamic section settings that can be customized easily.

Hi, you won’t be able to add that to the checkout pages. Those pages have very limited editing options. Basically your website ends where the checkout page opens. You do have certain editing options, colors, logo etc… but your header and footer will not be visible there. (Trust me, I tried!)

You have your website… and then the checkout is more like a “standard payment processing system”.

I hope it helps!

I have two more queries. It would be great if you can answer these -

  1. Is there any way that I can just show hyperlinks in header and footer without search and account features?

  2. And if its not possible to create dynamic settings then can I add static HTML and CSS for the same?

In checkout? No, unfortunately. You can barely make any edits at all to the checkout. It’s standard for all stores. The only things you can change are style things, logo, colors etc…

I have access to checkout.liquid file from where I can make the required edits.