Skip to content

Instantly share code, notes, and snippets.

@stoll
Forked from bxmas13/checkout.liquid
Created June 25, 2020 05:05
Show Gist options
  • Save stoll/e32d1d1e3a864b529ae7ea0997a8c7fb to your computer and use it in GitHub Desktop.
Save stoll/e32d1d1e3a864b529ae7ea0997a8c7fb to your computer and use it in GitHub Desktop.
Shopify Plus Checkout.liquid template. Can be used with Timber
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="{{ locale }}" dir="{{ direction }}" class="{{ checkout_html_classes }}">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, height=device-height, minimum-scale=1.0, user-scalable=0">
<title>{{ shop.name }} - {{ page_title }}</title>
{{ content_for_header }}
{{ checkout_stylesheets }}
{{ checkout_scripts }}
</head>
<body>
<div class="banner" data-header>
<div class="wrap">
{{ content_for_logo }}
</div>
</div>
{{ order_summary_toggle }}
<div class="content" data-content>
<div class="wrap">
<div class="sidebar" role="complementary">
<div class="sidebar__header">
{{ content_for_logo }}
</div>
<div class="sidebar__content">
{{ content_for_order_summary }}
</div>
</div>
<div class="main" role="main">
<div class="main__header">
{{ content_for_logo }}
{{ breadcrumb }}
{{ alternative_payment_methods }}
</div>
<div class="main__content">
{{ content_for_layout }}
</div>
<div class="main__footer">
{{ content_for_footer }}
</div>
</div>
</div>
</div>
{{ tracking_code }}
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment