From 8a3b1bbc7794665a5a286cc20d6173adab07e8e1 Mon Sep 17 00:00:00 2001
From: Bernard Polidario <71621723+bbbpppolly@users.noreply.github.com>
Date: Mon, 11 Oct 2021 03:00:03 +0200
Subject: [PATCH] Hello World, Elizabeth

---
 README.md                                   |  2 +
 assets/application.css.liquid               |  2 +
 assets/application.js                       |  1 +
 config/settings_data.json                   |  6 +++
 config/settings_schema.json                 | 10 +++++
 layout/theme.liquid                         | 44 ++++++++++++++++++++
 locales/en.default.json                     |  8 ++++
 templates/404.liquid                        |  2 +
 templates/article.liquid                    | 41 ++++++++++++++++++
 templates/blog.liquid                       | 22 ++++++++++
 templates/cart.liquid                       | 46 +++++++++++++++++++++
 templates/collection.liquid                 | 18 ++++++++
 templates/collection.list.liquid            | 17 ++++++++
 templates/customers/account.liquid          | 26 ++++++++++++
 templates/customers/activate_account.liquid | 17 ++++++++
 templates/customers/addresses.liquid        | 39 +++++++++++++++++
 templates/customers/login.liquid            | 28 +++++++++++++
 templates/customers/order.liquid            | 32 ++++++++++++++
 templates/customers/register.liquid         | 21 ++++++++++
 templates/customers/reset_password.liquid   | 20 +++++++++
 templates/gift_card.liquid                  | 27 ++++++++++++
 templates/index.liquid                      | 10 +++++
 templates/list-collections.liquid           | 17 ++++++++
 templates/page.contact.liquid               | 14 +++++++
 templates/page.liquid                       |  2 +
 templates/product.liquid                    | 29 +++++++++++++
 templates/search.liquid                     | 22 ++++++++++
 27 files changed, 523 insertions(+)
 create mode 100644 README.md
 create mode 100644 assets/application.css.liquid
 create mode 100644 assets/application.js
 create mode 100644 config/settings_data.json
 create mode 100644 config/settings_schema.json
 create mode 100644 layout/theme.liquid
 create mode 100644 locales/en.default.json
 create mode 100644 templates/404.liquid
 create mode 100644 templates/article.liquid
 create mode 100644 templates/blog.liquid
 create mode 100644 templates/cart.liquid
 create mode 100644 templates/collection.liquid
 create mode 100644 templates/collection.list.liquid
 create mode 100644 templates/customers/account.liquid
 create mode 100644 templates/customers/activate_account.liquid
 create mode 100644 templates/customers/addresses.liquid
 create mode 100644 templates/customers/login.liquid
 create mode 100644 templates/customers/order.liquid
 create mode 100644 templates/customers/register.liquid
 create mode 100644 templates/customers/reset_password.liquid
 create mode 100644 templates/gift_card.liquid
 create mode 100644 templates/index.liquid
 create mode 100644 templates/list-collections.liquid
 create mode 100644 templates/page.contact.liquid
 create mode 100644 templates/page.liquid
 create mode 100644 templates/product.liquid
 create mode 100644 templates/search.liquid

diff --git a/README.md b/README.md
new file mode 100644
index 00000000..fe519748
--- /dev/null
+++ b/README.md
@@ -0,0 +1,2 @@
+# Elizabeth
+# Shopify Theme Development Course Project Files
\ No newline at end of file
diff --git a/assets/application.css.liquid b/assets/application.css.liquid
new file mode 100644
index 00000000..50801b59
--- /dev/null
+++ b/assets/application.css.liquid
@@ -0,0 +1,2 @@
+// Put your styles in this file.
+// Note: "@import" rules aren’t supported.
diff --git a/assets/application.js b/assets/application.js
new file mode 100644
index 00000000..9d96df8a
--- /dev/null
+++ b/assets/application.js
@@ -0,0 +1 @@
+// Put your application javascript here
diff --git a/config/settings_data.json b/config/settings_data.json
new file mode 100644
index 00000000..7d914118
--- /dev/null
+++ b/config/settings_data.json
@@ -0,0 +1,6 @@
+{
+  "current": "Default",
+  "presets": {
+    "Default": { }
+  }
+}
diff --git a/config/settings_schema.json b/config/settings_schema.json
new file mode 100644
index 00000000..2222269a
--- /dev/null
+++ b/config/settings_schema.json
@@ -0,0 +1,10 @@
+[
+  {
+    "name": "theme_info",
+    "theme_name": "Themekit template theme",
+    "theme_version": "1.0.0",
+    "theme_author": "Shopify",
+    "theme_documentation_url": "https://github.com/Shopify/themekit",
+    "theme_support_url": "https://github.com/Shopify/themekit/issues"
+  }
+]
diff --git a/layout/theme.liquid b/layout/theme.liquid
new file mode 100644
index 00000000..82276157
--- /dev/null
+++ b/layout/theme.liquid
@@ -0,0 +1,44 @@
+<!doctype html>
+<html>
+<head>
+  <title>{{ page_title }}</title>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="description" content="{{ page_description | escape }}">
+  <link rel="canonical" href="{{ canonical_url }}">
+  <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
+  {{ content_for_header }} <!-- Header hook for plugins -->
+  {{ 'application.css' | asset_url | stylesheet_tag }}
+  {{ 'application.js' | asset_url | script_tag }}
+</head>
+<body>
+
+  {% for link in linklists.main-menu.links %}
+    {% assign child_list_handle = link.title | handleize %}
+    {% if linklists[child_list_handle].links != blank %}
+      <a href="{{ link.url }}">{{ link.title }}</a>
+      [{% for childlink in linklists[child_list_handle].links %}
+        <a href="{{ childlink.url }}">{{ childlink.title | escape }}</a>
+      {% endfor %}]
+    {% else %}
+      <a href="{{ link.url }}">{{ link.title }}</a>
+    {% endif %}
+  {% endfor %}
+
+  <a href="/cart">cart</a>
+
+  {% if shop.customer_accounts_enabled %}
+    {% if customer %}
+      <a href="/account">account</a>
+      {{ 'log out'  | customer_logout_link }}
+    {% else %}
+      {{ 'log in ' | customer_login_link }}
+      {{ 'register' | customer_register_link }}
+    {% endif %}
+  {% endif %}
+
+  <main role="main">
+    {{ content_for_layout }}
+  </main>
+</body>
+</html>
diff --git a/locales/en.default.json b/locales/en.default.json
new file mode 100644
index 00000000..eec5d2a5
--- /dev/null
+++ b/locales/en.default.json
@@ -0,0 +1,8 @@
+{
+  "general": {
+    "404": {
+      "title": "Not found",
+      "subtext_html": "The page you were looking for does not exist"
+    }
+  }
+}
diff --git a/templates/404.liquid b/templates/404.liquid
new file mode 100644
index 00000000..1cb23aa9
--- /dev/null
+++ b/templates/404.liquid
@@ -0,0 +1,2 @@
+<h1>{{ 'general.404.title' | t }}</h1>
+<p>{{ 'general.404.subtext_html' | t }}</p>
diff --git a/templates/article.liquid b/templates/article.liquid
new file mode 100644
index 00000000..9d2475be
--- /dev/null
+++ b/templates/article.liquid
@@ -0,0 +1,41 @@
+{% assign number_of_comments = article.comments_count %}
+{% if comment and comment.created_at %}
+  {% assign number_of_comments = article.comments_count %}
+{% endif %}
+
+<h1>{{ article.title }}</h1>
+{% capture author %}<strong>{{ article.author }}</strong>{% endcapture %}
+{% capture date %}<time datetime="{{ article.published_at | date: '%Y-%m-%d' }}">{{ article.published_at | date: format: 'month_day_year' }}</time>{% endcapture %}
+{{ article.author }} @ {{ article.created_at }}
+
+<div>{{ article.content }}</div>
+{% if blog.comments_enabled? %}
+  <h2>{{ number_of_comments }} comments</h2>
+  {% paginate article.comments by 5 %}
+    {% for comment in article.comments %}
+      <div>
+        <div>{{ comment.content }}</div>
+        {{ comment.author }} @ {{ comment.created_at }}
+      </div>
+    {% endfor %}
+    {% if paginate.pages > 1 %}
+      {{ paginate | default_pagination }}
+    {% endif %}
+  {% endpaginate %}
+
+  <div>
+    {% form 'new_comment', article %}
+      {{ form.errors | default_errors }}
+      <label for="CommentAuthor">name</label>
+      <input type="text" name="comment[author]" id="CommentAuthor" placeholder="name" value="{{ form.author }}" autocapitalize="words">
+
+      <label for="CommentEmail">email</label>
+      <input type="email" name="comment[email]" id="CommentEmail" placeholder="email" value="{{ form.email }}" autocorrect="off" autocapitalize="off">
+
+      <label for="CommentBody">message</label>
+      <textarea name="comment[body]" id="CommentBody" placeholder="message">{{ form.body }}</textarea>
+
+      <input type="submit" value="post">
+    {% endform %}
+  </div>
+{% endif %}
diff --git a/templates/blog.liquid b/templates/blog.liquid
new file mode 100644
index 00000000..54c3a6bc
--- /dev/null
+++ b/templates/blog.liquid
@@ -0,0 +1,22 @@
+{% paginate blog.articles by 5 %}
+
+<h1>{{ blog.title }}</h1>
+{% for article in blog.articles %}
+  <div>
+    <h2><a href="{{ article.url }}">{{ article.title }}</a></h2>
+    {{ article.author }} @ {{ article.created_at }}
+    <div>
+      {% if article.excerpt.size > 0 %}
+        {{ article.excerpt }}
+      {% else %}
+        <p>{{ article.content | strip_html | truncatewords: 100 }}</p>
+      {% endif %}
+    </div>
+  </div>
+{% endfor %}
+
+{% if paginate.pages > 1 %}
+  {{ paginate | default_pagination }}
+{% endif %}
+
+{% endpaginate %}
diff --git a/templates/cart.liquid b/templates/cart.liquid
new file mode 100644
index 00000000..a174e00a
--- /dev/null
+++ b/templates/cart.liquid
@@ -0,0 +1,46 @@
+{% if cart.item_count > 0 %}
+  <h1>cart</h1>
+  <form action="/cart" method="post" novalidate>
+    <table>
+      <thead>
+        <th colspan="2">Prod</th>
+        <th>Price</th>
+        <th>Qty</th>
+        <th>total</th>
+      </thead>
+      <tbody>
+        {% for item in cart.items %}
+          <tr>
+            <td>
+              <a href="{{ item.url | within: collections.all }}">
+                <img src="{{ item | img_url: 'medium' }}" alt="{{ item.title | escape }}">
+              </a>
+            </td>
+            <td>
+              <a href="{{ item.url }}">{{ item.product.title }}</a>
+              {{ item.variant.title }}
+              <a href="/cart/change?line={{ forloop.index }}&amp;quantity=0">remove</a>
+            </td>
+            <td>{{ item.price | money }}</td>
+            <td>
+              <input type="number" name="updates[]" id="updates_{{ item.key }}" value="{{ item.quantity }}" min="0">
+            </td>
+            <td>
+              {% if item.original_line_price != item.line_price %}{{ item.original_line_price | money }}{% endif %}
+              {{ item.line_price | money }}
+              {% for discount in item.discounts %}{{ discount.title }}{% endfor %}
+            </td>
+          </tr>
+        {% endfor %}
+      </tbody>
+    </table>
+    <div>
+      <p>sub total : {{ cart.total_price | money }}</p>
+      <button type="submit" name="update">Update</button>
+      <button type="submit" name="checkout">Checkout</button>
+    </div>
+  </form>
+{% else %}
+  <h2>cart</h2>
+  Cart is empty
+{% endif %}
diff --git a/templates/collection.liquid b/templates/collection.liquid
new file mode 100644
index 00000000..dc91d974
--- /dev/null
+++ b/templates/collection.liquid
@@ -0,0 +1,18 @@
+{% paginate collection.products by 2 %}
+  <h1>{{ collection.title }}</h1>
+  {% for product in collection.products %}
+    <div>
+      <a href="{{ product.url | within: collection }}">{{ product.title }}</a>
+      {{ product.price | money }}
+      {% unless product.available %}<br><strong>sold out</strong>{% endunless %}
+      <a href="{{ product.url | within: collection }}">
+        <img src="{{ product.featured_image.src | img_url: 'large' }}" alt="{{ product.featured_image.alt | escape }}">
+      </a>
+    </div>
+  {% else %}
+    <p>no matches</p>
+  {% endfor %}
+  {% if paginate.pages > 1 %}
+    {{ paginate | default_pagination }}
+  {% endif %}
+{% endpaginate %}
diff --git a/templates/collection.list.liquid b/templates/collection.list.liquid
new file mode 100644
index 00000000..7161b438
--- /dev/null
+++ b/templates/collection.list.liquid
@@ -0,0 +1,17 @@
+{% paginate collection.products by 2 %}
+  <h1>{{ collection.title }}</h1>
+  {% for product in collection.products %}
+    <div>
+      <a href="{{ product.url | within: collection }}">{{ product.title }}</a>
+      {{ product.price | money }}
+      {% unless product.available %}<br><strong>sold out</strong>{% endunless %}
+      <a href="{{ product.url | within: collection }}">
+        <img src="{{ product.featured_image.src | img_url: 'large' }}" alt="{{ product.featured_image.alt | escape }}">
+      </a>
+    </div>
+  {% else %}
+    <p>no matches</p>
+  {% endfor %}
+  {% if paginate.pages > 1 %}{{ paginate | default_pagination }}{% endif %}
+{% endpaginate %}
+
diff --git a/templates/customers/account.liquid b/templates/customers/account.liquid
new file mode 100644
index 00000000..26a2377d
--- /dev/null
+++ b/templates/customers/account.liquid
@@ -0,0 +1,26 @@
+<!-- /templates/customers/account.liquid -->
+
+{% if customer.default_address %}
+  <h2>Address</h2>
+  <p>{{ customer.default_address.address1 }}</p>
+  {% if customer.default_address.address2 != "" %}
+    <p>{{ customer.default_address.address2 }}</p>
+  {% endif %}
+  <p>{{ customer.default_address.city}}, {% if address.province_code %}{{ customer.default_address.province_code }}, {% endif %}{{ customer.default_address.country }}</p>
+  <p>{{ customer.default_address.zip }}</p>
+  <p>{{ customer.default_address.phone }}</p>
+{% endif %}
+
+<div id="customer_orders">
+  <h2>Orders</h2>
+  {% paginate customer.orders by 10 %}
+  {% if customer.orders.size != 0 %}
+    {% for order in customer.orders %}
+      <!-- order details here -->
+    {% endfor %}
+  {% else %}
+    <p>You haven't placed any orders yet.</p>
+  {% endif %}
+  {{ paginate | default_pagination }}
+  {% endpaginate %}
+</div>
diff --git a/templates/customers/activate_account.liquid b/templates/customers/activate_account.liquid
new file mode 100644
index 00000000..14f50805
--- /dev/null
+++ b/templates/customers/activate_account.liquid
@@ -0,0 +1,17 @@
+<!-- /templates/customers/activate_account.liquid -->
+{% form 'activate_customer_password' %}
+{{ form.errors | default_errors }}
+<div class="password">
+  <label for="password">Password</label>
+  <input type="password" name="customer[password]" />
+</div>
+<div class="password_confirm">
+  <label for="password_confirmation">Password Confirmation</label>
+  <input type="password" name="customer[password_confirmation]" />
+</div>
+<div class="action_bottom">
+  <input type="submit" value="Activate Account" />
+  <span>or</span>
+  <input type="submit" name="decline" value="Decline Invitation" />
+</div>
+{% endform %}
diff --git a/templates/customers/addresses.liquid b/templates/customers/addresses.liquid
new file mode 100644
index 00000000..81c730fb
--- /dev/null
+++ b/templates/customers/addresses.liquid
@@ -0,0 +1,39 @@
+<!-- /templates/customers/addresses.liquid -->
+
+<h2>New Address</h2>
+{% form 'customer_address', customer.new_address %}
+
+{{ form.errors | default_errors }}
+
+<label for="first_name">First Name</label>
+<input type="text" value="" name="address[first_name]" size="30" />
+
+<label for="last_name">Last Name</label>
+<input type="text" value="" name="address[last_name]" size="30" />
+
+<label for="company">Company</label>
+<input type="text" value="" name="address[company]" />
+
+<label for="address1">Address 1</label>
+<input type="text" value="" name="address[address1]" />
+
+<label for="address2">Address 2</label>
+<input type="text" value="" name="address[address2]" />
+
+<label for="city">City</label>
+<input type="text" value="" name="address[city]" />
+
+<!-- See docs for @shopify/theme-addresses to support Country and Province -->
+<label for="country">Country</label>
+<select name="address[country]" /></select>
+
+<label for="province">Province</label>
+<select name="address[province]" /></select>
+
+<label for="zip">Zip/Post Code</label>
+<input type="text" value="" name="address[zip]" />
+
+<label for="phone">Phone Number</label>
+<input type="tel" value="" name="address[phone]" />
+
+{% endform %}
diff --git a/templates/customers/login.liquid b/templates/customers/login.liquid
new file mode 100644
index 00000000..409b073c
--- /dev/null
+++ b/templates/customers/login.liquid
@@ -0,0 +1,28 @@
+<!-- /templates/customers/login.liquid -->
+
+<h2>Login</h2>
+{% form 'customer_login' %}
+
+{{ form.errors | default_errors }}
+
+<label for="customer_email">Email Address</label>
+<input type="email" name="customer[email]" />
+
+<label for="customer_password">Password</label>
+<input type="password" name="customer[password]" />
+
+<input type="submit" value="Sign In" />
+
+{% endform %}
+
+<h2>Forgot Password</h2>
+{% form 'recover_customer_password' %}
+
+{{ form.errors | default_errors }}
+
+<label for="customer_email">Email Address</label>
+<input type="email" name="email" />
+
+<input type="submit" value="Submit" />
+
+{% endform %}
diff --git a/templates/customers/order.liquid b/templates/customers/order.liquid
new file mode 100644
index 00000000..dba1339a
--- /dev/null
+++ b/templates/customers/order.liquid
@@ -0,0 +1,32 @@
+<!-- /templates/customers/order.liquid -->
+
+<h2>Billing Address</h2>
+<p><span>Payment Status:</span> <span class="status_{{ order.financial_status }}">{{ order.financial_status }}</span></p>
+<p>{{ order.billing_address.name }}</p>
+<p>{{ order.billing_address.company }}</p>
+<p>{{ order.billing_address.street }}</p>
+<p>{{ order.billing_address.city }}, {{ order.billing_address.province }}</p>
+<p>{{ order.billing_address.country }} {{ order.billing_address.zip }}</p>
+<p>{{ order.billing_address.phone }}</p>
+
+<h2>Shipping Address</h2>
+<p><span>Fulfillment Status:</span><span class="status_{{ order.fulfillment_status }}">{{ order.fulfillment_status }}</span></p>
+<p>{{ order.shipping_address.name }}</p>
+<p>{{ order.shipping_address.company }}</p>
+<p>{{ order.shipping_address.street }}</p>
+<p>{{ order.shipping_address.city }}, {{ order.shipping_address.province }}</p>
+<p>{{ order.shipping_address.country }} {{ order.shipping_address.zip }}</p>
+<p>{{ order.shipping_address.phone }}</p>
+
+<h2>Order Items</h2>
+<table>
+  {% for line_item in order.line_items %}
+  <tr>
+    <td>{{ line_item.title | link_to: line_item.product.url }}</td>
+    <td>{{ line_item.sku }}</td>
+    <td>{{ line_item.original_price | money }}</td>
+    <td>{{ line_item.quantity }}</td>
+    <td>{{ line_item.line_price | money }}</td>
+  </tr>
+  {% endfor %}
+</table>
diff --git a/templates/customers/register.liquid b/templates/customers/register.liquid
new file mode 100644
index 00000000..46ad23c1
--- /dev/null
+++ b/templates/customers/register.liquid
@@ -0,0 +1,21 @@
+<!-- /templates/customers/register.liquid -->
+
+{% form 'create_customer' %}
+
+{{ form.errors | default_errors }}
+
+<label for="first_name">First Name</label>
+<input type="text" value="" name="customer[first_name]" size="30" />
+
+<label for="last_name">Last Name</label>
+<input type="text" value="" name="customer[last_name]" size="30" />
+
+<label for="email">Email Address</label>
+<input type="email" value="" name="customer[email]" size="30" />
+
+<label for="password">Password</label>
+<input type="password" value="" name="customer[password]" size="30" />
+
+<input type="submit" value="Create" />
+
+{% endform %}
diff --git a/templates/customers/reset_password.liquid b/templates/customers/reset_password.liquid
new file mode 100644
index 00000000..d2841e91
--- /dev/null
+++ b/templates/customers/reset_password.liquid
@@ -0,0 +1,20 @@
+<!-- /templates/customers/reset_password.liquid -->
+
+{% form 'reset_customer_password' %}
+
+{{ form.errors | default_errors }}
+
+<label for="password">Password</label>
+<input type="password" value="" name="customer[password]" size="16" />
+
+<label for="password_confirmation">Password Confirmation</label>
+<input
+  type="password"
+  value=""
+  name="customer[password_confirmation]"
+  size="16"
+/>
+
+<input type="submit" value="Reset Password" />
+
+{% endform %}
diff --git a/templates/gift_card.liquid b/templates/gift_card.liquid
new file mode 100644
index 00000000..9f2e15a0
--- /dev/null
+++ b/templates/gift_card.liquid
@@ -0,0 +1,27 @@
+{% layout none %}
+<!doctype html>
+<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">
+  <meta name="format-detection" content="telephone=no">
+  {{ 'vendor/qrcode.js' | shopify_asset_url | script_tag }}
+</head>
+<body>
+  <div id="qr-code"></div>
+  <script>
+    new QRCode(document.getElementById("qr-code"), {
+      text: "{{ gift_card.qr_identifier }}",
+      width: 120,
+      height: 120
+    });
+  </script>
+  <footer>
+    {% if gift_card.pass_url %}
+    <a href="{{ gift_card.pass_url }}">
+      <img id="apple-wallet-badge" src="{{ 'gift-card/add-to-apple-wallet.svg' | shopify_asset_url }}" width="120" height="40" alt="Add To Apple Wallet">
+    </a>
+    {% endif %}
+  </footer>
+</body>
+</html>
diff --git a/templates/index.liquid b/templates/index.liquid
new file mode 100644
index 00000000..9f76488a
--- /dev/null
+++ b/templates/index.liquid
@@ -0,0 +1,10 @@
+{% for product in collections.frontpage.products limit:4 %}
+  <div>
+    <a href="{{ product.url | within: collection }}">{{ product.title }}</a>
+    {{ product.price | money }}
+    {% unless product.available %}<br><strong>sold out</strong>{% endunless %}
+    <a href="{{ product.url | within: collection }}">
+      <img src="{{ product.featured_image.src | img_url: 'large' }}" alt="{{ product.featured_image.alt | escape }}">
+    </a>
+  </div>
+{% endfor %}
diff --git a/templates/list-collections.liquid b/templates/list-collections.liquid
new file mode 100644
index 00000000..5e36edde
--- /dev/null
+++ b/templates/list-collections.liquid
@@ -0,0 +1,17 @@
+{% for collection in collections %}
+  {% unless collection.handle == 'frontpage' %}
+    {% capture collection_title %}{{ collection.title | escape }}{% endcapture %}
+    <a href="{{ collection.url }}">More {{ collection_title }} &rsaquo;</a>
+    {% for product in collection.products limit:5 %}
+      {% assign grid_item_width = 'large--one-fifth medium--one-half' %}
+      <div>
+        <a href="{{ product.url | within: collection }}">{{ product.title }}</a>
+        {{ product.price | money }}
+        {% unless product.available %}<br><strong>sold out</strong>{% endunless %}
+        <a href="{{ product.url | within: collection }}">
+          <img src="{{ product.featured_image.src | img_url: 'large' }}" alt="{{ product.featured_image.alt | escape }}">
+        </a>
+      </div>
+    {% endfor %}
+  {% endunless %}
+{% endfor %}
diff --git a/templates/page.contact.liquid b/templates/page.contact.liquid
new file mode 100644
index 00000000..8600d369
--- /dev/null
+++ b/templates/page.contact.liquid
@@ -0,0 +1,14 @@
+<h1>{{ page.title }}</h1>
+{% form 'contact' %}
+  {% if form.posted_successfully? %} Thank you for your contact {% endif %}
+  {{ form.errors | default_errors }}
+  <label for="ContactFormName">name</label>
+  <input type="text" id="ContactFormName" name="contact[name]">
+  <label for="ContactFormEmail">email</label>
+  <input type="email" id="ContactFormEmail" name="contact[email]">
+  <label for="ContactFormPhone">phone</label>
+  <input type="tel" id="ContactFormPhone" name="contact[phone]">
+  <label for="ContactFormMessage">message</label>
+  <textarea rows="10" id="ContactFormMessage" name="contact[body]"></textarea>
+  <input type="submit" value="send">
+{% endform %}
diff --git a/templates/page.liquid b/templates/page.liquid
new file mode 100644
index 00000000..9e05a399
--- /dev/null
+++ b/templates/page.liquid
@@ -0,0 +1,2 @@
+<h1>{{ page.title }}</h1>
+<div>{{ page.content }}</div>
diff --git a/templates/product.liquid b/templates/product.liquid
new file mode 100644
index 00000000..f6997add
--- /dev/null
+++ b/templates/product.liquid
@@ -0,0 +1,29 @@
+{% assign current_variant = product.selected_or_first_available_variant %}
+{% assign featured_image = current_variant.featured_image | default: product.featured_image %}
+<img src="{{ featured_image | img_url: 'large' }}" alt="{{ featured_image.alt | escape }}" id="ProductPhotoImg">
+{% for image in product.images %}
+  <a href="{{ image.src | img_url: 'large' }}">
+    <img src="{{ image.src | img_url: 'compact' }}" alt="{{ image.alt | escape }}">
+  </a>
+{% endfor %}
+<h1>{{ product.title }}</h1>
+<form action="/cart/add" method="post" enctype="multipart/form-data" id="AddToCartForm">
+  <select name="id" id="productSelect">
+    {% for variant in product.variants %}
+      {% if variant.available %}
+        <option value="{{ variant.id }}">
+          {{ variant.title }} - {{ variant.price | money_with_currency }}
+        </option>
+      {% else %}
+        <option disabled="disabled">
+          {{ variant.title }} - sold out
+        </option>
+      {% endif %}
+    {% endfor %}
+  </select>
+  {{ current_variant.price | money }}
+  <label for="Quantity">quantity</label>
+  <input type="number" id="Quantity" name="quantity" value="1" min="1">
+  <button type="submit" name="add" id="AddToCart">Add to cart</button>
+</form>
+<div>{{ product.description }}</div>
diff --git a/templates/search.liquid b/templates/search.liquid
new file mode 100644
index 00000000..7ef53003
--- /dev/null
+++ b/templates/search.liquid
@@ -0,0 +1,22 @@
+{% paginate search.results by 10 %}
+  <form action="/search" method="get" role="search">
+    <input type="search" name="q" value="{{ search.terms | escape }}">
+    <button type="submit">search</button>
+  </form>
+
+  {% if search.performed %}
+    {% for item in search.results %}
+      {% if item.featured_image %}
+        <a href="{{ item.url | within: collection }}" title="{{ item.title | escape }}">
+          {{ item.featured_image.src | img_url: 'medium' | img_tag: item.featured_image.alt }}
+        </a>
+      {% endif %}
+      <h5>{{ item.title | link_to: item.url }}</h5>
+      <p>{{ item.content | strip_html | truncatewords: 50 }}</p>
+    {% else %}
+      no results
+    {% endfor %}
+  {% endif %}
+
+  {% if paginate.pages > 1 %}{{ paginate | default_pagination }}{% endif %}
+{% endpaginate %}