Creating a page without header and footer with redirect script after checking out

Store Design
, , , , , , ,
1

Hello Community. I need to create a page without a header and footer for a self checkout kiosk im using with my shopify site i made for a client. So I’m installing a kiosk in the store with a secured IPAD stand. Customers will be walking up to it and placing orders inside of a store. So i need to make something simple just for that reason. Website is ok, but i want to make it easy for customers to order that just wanna order what they want. I also would like to know if i can redirect to the same url for the next customer to be ready to browse and search, pay, etc…so employees don’t have to go and take them to the home page etc… So this is what i want to do. Make this page without a header or footer. Can this be done on the shopify platform?

search.jpg
search.jpg1094×696 70.3 KB

search2.jpg
search2.jpg1094×696 22 KB

2

I’ve tried several codes prior to posting questions. https://speedystemecula.com/pages/kiosk

{% if page.handle == ‘kiosk’ %}

sticky-header.header-wrapper.color-background-1.gradient { display: none; } footer.footer.color-accent-1.gradient.section-sections--16032701972658__footer-padding { display: none; }

{% endif %}

3

Hello Are You there

4

im here

5

Hello I See Your Problem And I Can Solve This Problem

You Need Only This Page Header And Footer none Right??

6

Use This Code For This Link www.speedystemecula.com/search
Add This Code in Your Base.css File

.template-search div#shopify-section-announcement-bar,
.template-search div#shopify-section-header,
.template-search div#shopify-section-footer{
	display:none;
}