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

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

NehaParyani18
New Member
5 0 0

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.

Replies 4 (4)

RENE-
Shopify Partner
68 1 13

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! 

NehaParyani18
New Member
5 0 0

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?

RENE-
Shopify Partner
68 1 13

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.... 

NehaParyani18
New Member
5 0 0

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