├── LICENSE.md
├── README.md
├── assets
    ├── shop.js.liquid
    └── style.css.liquid
├── config
    └── settings_schema.json
├── layout
    └── theme.liquid
├── locales
    └── en.default.json
├── sections
    ├── contact-form.liquid
    ├── main-404.liquid
    ├── main-article.liquid
    ├── main-blog.liquid
    ├── main-cart.liquid
    ├── main-collection.liquid
    ├── main-list-collections.liquid
    ├── main-page.liquid
    ├── main-password.liquid
    ├── main-product.liquid
    └── main-search.liquid
└── templates
    ├── 404.json
    ├── article.json
    ├── blog.json
    ├── cart.json
    ├── collection.json
    ├── gift_card.liquid
    ├── index.json
    ├── list-collections.json
    ├── page.contact.json
    ├── page.json
    ├── password.json
    ├── product.json
    └── search.json


/LICENSE.md:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2013 - 2016 Keir Whitaker
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Shopify Birthday Suit
 2 | 
 3 | Shopify Birthday Suit is an exceedingly bare bones [Shopify](http://shopify.com/) theme intended for use by theme developers as a basis for their own theme development. It is not intended to be used "as is", rather as a building block. Feel free to modify and use for your own means.
 4 | 
 5 | ## Install
 6 | 
 7 | To install the theme download the ZIP file and upload the same ZIP file to your Shopify store. Full details on uploading a theme can be found in the official [Shopify docs](http://docs.shopify.com/themes/the-basics/build-your-theme/upload-theme).
 8 | 
 9 | ## What's included?
10 | 
11 | ### Assets Folder
12 | 
13 | The theme layout file references a <code>shop.js</code> and <code>style.css</code> file. Both of these are empty - intentionally. Consequently the theme is rendered with default browser styling and zero JS interactions.
14 | 
15 | ### Config Folder
16 | 
17 | An empty <code>settings_schema.json</code> file is included. Build on this and add in your own settings. Full info on theme settings can be found in the [Shopify Docs](https://docs.shopify.com/themes/theme-development/storefront-editor/settings-schema).
18 | 
19 | ### Layout Folder
20 | 
21 | The default layout file <code>theme.layout</code> is included. It includes a reference to the latest release of jQuery and adds some useful classes based on page titles and templates to the body element.
22 | 
23 | A basic header element is included that includes Liquid code to output the current cart item count along with a link to the checkout.
24 | 
25 | Finally I have included code to output a simple navigation list using the default link-list titled <code>main-menu</code>.
26 | 
27 | ### Templates
28 | 
29 | The following are included with a reference to a "main" section each, following the Dawn example. For example <code>product.json</code> contains a reference to <code>main-product.liquid</code> section. Each main section contains just some very basic boilerplate code for you to start developing from.
30 | 
31 | All of the following templates are intentionally very basic and designed as starting points:
32 | 
33 | -   <code>404.json</code>
34 | -   <code>article.json</code>
35 | -   <code>blog.json</code>
36 | -   <code>cart.json</code>
37 | -   <code>collection.json</code>
38 | -   <code>index.json</code>
39 | -   <code>list-collections.json</code>
40 | -   <code>page.json</code>
41 | -   <code>password.json</code>
42 | -   <code>product.json</code>
43 | -   <code>search.json</code>
44 | 
45 | ### Locales
46 | 
47 | There is a basic default English locale included with this theme, but no translation strings.
48 | 
49 | ## Acknowledgements
50 | 
51 | Shopify Birthday Suit was created by Keir Whitaker with inspiration from the hundreds of talented Shopify theme developers out there sharing their code and ideas. It was updated to Shopify OS2 by Craig Cooper.
52 | 
53 | -   [keirwhitaker.com](https://keirwhitaker.com)
54 | -   [@keirwhitaker](https://keirwhitaker.com/twitter)
55 | -   [craigcooper.xyz](https://craigcooper.xyz)
56 | 


--------------------------------------------------------------------------------
/assets/shop.js.liquid:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/keirwhitaker/shopify-birthday-suit/6c668e3cf9384e30dae8eb101f28f214e0f9b582/assets/shop.js.liquid


--------------------------------------------------------------------------------
/assets/style.css.liquid:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/keirwhitaker/shopify-birthday-suit/6c668e3cf9384e30dae8eb101f28f214e0f9b582/assets/style.css.liquid


--------------------------------------------------------------------------------
/config/settings_schema.json:
--------------------------------------------------------------------------------
 1 | [
 2 |   {
 3 |     "name": "General",
 4 |     "settings": [
 5 |       {
 6 |         "type": "image_picker",
 7 |         "id": "favicon",
 8 |         "label": "Favicon",
 9 |         "info": "Included because settings can't be empty"
10 |       }
11 |     ]
12 |   }
13 | ]
14 | 


--------------------------------------------------------------------------------
/layout/theme.liquid:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
 3 | <!--[if IE 7]><html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
 4 | <!--[if IE 8]><html class="no-js lt-ie9" lang="en"> <![endif]-->
 5 | <!--[if IE 9 ]><html class="ie9 no-js"> <![endif]-->
 6 | <!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js"> <!--<![endif]-->
 7 | <head>
 8 |     <meta charset="utf-8">
 9 |     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
10 |     {% if template == 'index' %}
11 |     <title>{{ shop.name }} | {{ page_title }}</title>
12 |     {% elsif template == '404' %}
13 |     <title>Page Not Found | {{ shop.name }}</title>
14 |     {% else %}
15 |     <title>{{ page_title }} | {{ shop.name }}</title>
16 |     {% endif %}
17 |     {% if page_description %}
18 |     <meta name="description" content="{{ page_description }}" />
19 |     {% endif %}
20 |     <link rel="canonical" href="{{ canonical_url }}" />
21 |     <meta name="viewport" content="width=device-width" />
22 |     {{ content_for_header }}
23 |     {{ 'style.css' | asset_url | stylesheet_tag }}
24 | </head>
25 | <body id="{{ page_title | handle }}" class="template-{{ template | replace: '.', ' ' | truncatewords: 1, '' | handle }}" >
26 |     <div>
27 |         <a href="/cart">{{ cart.item_count }} {{ cart.item_count | pluralize: 'item', 'items' }} ({{ cart.total_price | money }})</a>
28 |         <a href="/cart">Check out</a>
29 |     </div>
30 |     <h1><a href="/">{{ shop.name }}</a></h1>
31 |     <ul>
32 |         {% for link in linklists.main-menu.links %}
33 |         <li><a href="{{ link.url }}">{{ link.title }}</a></li>
34 |         {% endfor %}
35 |     </ul>
36 |     {{ content_for_layout }}
37 |     <script src="{{ 'shop.js' | asset_url }}" defer></script>
38 | </body>
39 | </html>
40 | 


--------------------------------------------------------------------------------
/locales/en.default.json:
--------------------------------------------------------------------------------
1 | {
2 |     "general": {
3 | 
4 |     }
5 | }
6 | 


--------------------------------------------------------------------------------
/sections/contact-form.liquid:
--------------------------------------------------------------------------------
1 | {%- form 'contact' -%}
2 | 
3 | {%- endform -%}
4 | 


--------------------------------------------------------------------------------
/sections/main-404.liquid:
--------------------------------------------------------------------------------
1 | <h2>404 Page Not Found</h2>
2 | <p>The page you requested does not exist</p>
3 | 


--------------------------------------------------------------------------------
/sections/main-article.liquid:
--------------------------------------------------------------------------------
1 | <h2>{{ article.title }}</h2>
2 | <p>{{ article.published_at | date: '%d %B %Y' }}</p>
3 | {{ article.content }}
4 | 


--------------------------------------------------------------------------------
/sections/main-blog.liquid:
--------------------------------------------------------------------------------
1 | <ul>
2 |   {% for article in blog.articles %}
3 |   <li><a href="{{ article.url }}">{{ article.title }}</a></li>
4 |   {% endfor %}
5 | </ul>
6 | 


--------------------------------------------------------------------------------
/sections/main-cart.liquid:
--------------------------------------------------------------------------------
 1 | {% if cart.item_count > 0 %}
 2 | <form action="/cart" method="post" id="cart" class="cart">
 3 |     <table>
 4 |         <tr>
 5 |             <th class="item desc"></th>
 6 |             <th class="item price">Price</th>
 7 |             <th class="item qty">Quantity</th>
 8 |             <th class="item remove">Delete</th>
 9 |             <th class="item total">Total</th>
10 |         </tr>
11 |         {% for item in cart.items %}
12 |         <tr id="cart-item-{{ item.variant.id }}" class="cart-item">
13 |             <td class="item desc"><a href="/collections/{{ item.product.collections.first.title | downcase }}#{{ item.product.handle }}">{{ item.title }}</a></td>
14 |             <td class="item price">{{ item.price | money }}</td>
15 |             <td class="item qty"><input type="text" size="4" pattern="[0-9]*" name="updates[{{ item.variant.id }}]" id="quantity-{{ item.variant.id }}" class="quantity" value="{{ item.quantity }}" min="1" onfocus="this.select();"/></td>
16 |             <td class="item remove"><a href="/cart/change/{{ item.variant.id }}?quantity=0">Remove</a></td>
17 |             <td class="item price">{{ item.line_price | money }}</td>
18 |         </tr>
19 |         {% endfor %}
20 |         <tr class="subtotal">
21 |             <td colspan="5">Total: <strong>{{ cart.total_price | money }}</strong></td>
22 |         </tr>
23 |         <tr class="actions">
24 |             <td colspan="5">
25 |                 <input class="button" type="submit" id="update-cart" name="update" value="Update"  />
26 |                 <input class="button" type="submit" name="checkout" value="Checkout" />
27 |             </td>
28 |         </tr>
29 |     </table>
30 | </form>
31 | {% else %}
32 | <p>Your cart is empty!</p>
33 | {% endif %}
34 | 


--------------------------------------------------------------------------------
/sections/main-collection.liquid:
--------------------------------------------------------------------------------
 1 | {% if collection.all_products_count > 0 %}
 2 | {% for product in collection.products %}
 3 | <h2><a href="{{ product.url }}">{{ product.title }}</a></h2>
 4 | {{ product.description }}
 5 | {% if product.featured_image %}
 6 | {{ product.featured_image | image_url: width: 400 | image_tag }}
 7 | {% endif %}
 8 | {% endfor %}
 9 | {% else %}
10 | <p>Sorry, there are no products in this collection</p>
11 | {% endif %}
12 | 


--------------------------------------------------------------------------------
/sections/main-list-collections.liquid:
--------------------------------------------------------------------------------
1 | <ul>
2 |     {% for collection in collections %}
3 | 	<li><a href="{{ collection.url }}">{{ collection.title }}</a>
4 |     {% endfor %}
5 | </ul>
6 | 


--------------------------------------------------------------------------------
/sections/main-page.liquid:
--------------------------------------------------------------------------------
1 | <h2>{{ page.title }}</h2>
2 | {{ page.content }}
3 | 


--------------------------------------------------------------------------------
/sections/main-password.liquid:
--------------------------------------------------------------------------------
 1 | {% layout none %}
 2 | {% if shop.password_message and shop.password_message != '' %}
 3 |     {{ shop.password_message }}
 4 | {% else %}
 5 |     <p><span class="default-text">Will be opening soon...</span></p>
 6 | {% endif %}
 7 | 
 8 | {% form 'storefront_password' %}
 9 |     {{ form.errors | default_errors }}
10 |     <label for="password">Enter store using password:</label>
11 |     <input type="password" name="password">
12 |     <input type="submit" value="Enter">
13 | {% endform %}
14 | 


--------------------------------------------------------------------------------
/sections/main-product.liquid:
--------------------------------------------------------------------------------
 1 | <h2>{{ product.title }}</h2>
 2 | {{ product.description }}
 3 | <form action="/cart/add" method="post" enctype="multipart/form-data">
 4 |     <select name="id">
 5 |         {% for variant in product.variants %}
 6 |         {% if variant.available == true %}
 7 |         <option value="{{ variant.id }}"> {{ variant.title }} for {{ variant.price | money_with_currency }}</option>
 8 |         {% else %}
 9 |         <option disabled="disabled"> {{ variant.title }} - sold out!</option>
10 |         {% endif %}
11 |         {% endfor %}
12 |     </select>
13 |     <input type="submit" name="add" id="add" value="Add to Cart" class="button">
14 | </form>
15 | 


--------------------------------------------------------------------------------
/sections/main-search.liquid:
--------------------------------------------------------------------------------
 1 | <form action="/search" method="get" class="search-form" role="search">
 2 |     <input type="text" name="q" value="{{ search.terms | escape }}" />
 3 |     <input type="submit" value="Search store..." />
 4 | </form>
 5 | {% if search.performed %}
 6 | {% paginate search.results by 10 %}
 7 | {% if search.results_count == 0 %}
 8 | <p>Your search for "{{ search.terms }}" did not yield any results</p>
 9 | {% else %}
10 | <ol>
11 |     {% for item in search.results %}
12 |     <li>{{ item.title | link_to: item.url }}</li>
13 |     {% endfor %}
14 | </ol>
15 | {% endif %}
16 | {% if paginate.pages > 1 %}
17 | {{ paginate | default_pagination }}
18 | {% endif %}
19 | {% endpaginate %}
20 | {% endif %}
21 | 


--------------------------------------------------------------------------------
/templates/404.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "sections": {
 3 |         "main": {
 4 |             "type": "main-404"
 5 |         }
 6 |     },
 7 |     "order": [
 8 |         "main"
 9 |     ]
10 | }
11 | 


--------------------------------------------------------------------------------
/templates/article.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "sections": {
 3 |         "main": {
 4 |             "type": "main-article"
 5 |         }
 6 |     },
 7 |     "order": [
 8 |         "main"
 9 |     ]
10 | }
11 | 


--------------------------------------------------------------------------------
/templates/blog.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "sections": {
 3 |         "main": {
 4 |             "type": "main-blog"
 5 |         }
 6 |     },
 7 |     "order": [
 8 |         "main"
 9 |     ]
10 | }
11 | 


--------------------------------------------------------------------------------
/templates/cart.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "sections": {
 3 |         "main": {
 4 |             "type": "main-cart"
 5 |         }
 6 |     },
 7 |     "order": [
 8 |         "main"
 9 |     ]
10 | }
11 | 


--------------------------------------------------------------------------------
/templates/collection.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "sections": {
 3 |         "main": {
 4 |             "type": "main-collection"
 5 |         }
 6 |     },
 7 |     "order": [
 8 |         "main"
 9 |     ]
10 | }
11 | 


--------------------------------------------------------------------------------
/templates/gift_card.liquid:
--------------------------------------------------------------------------------
 1 | {% layout none %}
 2 | 
 3 | <!doctype html>
 4 | <html lang="{{ request.locale.iso_code }}">
 5 |   <head>
 6 |     <script src="{{ 'vendor/qrcode.js' | shopify_asset_url }}" defer></script>
 7 |     <meta charset="utf-8">
 8 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 9 |     <meta name="viewport" content="width=device-width,initial-scale=1">
10 |     <meta name="theme-color" content="{{ settings.color_background }}">
11 |     <link rel="canonical" href="{{ canonical_url }}">
12 | 
13 |     <title>Gift card</title>
14 | 
15 |     <meta name="description" content="">
16 | 
17 |     {{ content_for_header }}
18 | 
19 |   </head>
20 | 
21 |   <body>
22 |     <header>
23 |       <div>
24 |         <h1>
25 |           {% if settings.currency_code_enabled %}
26 |             {{ gift_card.balance | money_with_currency }}
27 |           {% else %}
28 |             {{ gift_card.balance | money }}
29 |           {% endif %}
30 |         </h1>
31 |         {%- if gift_card.enabled == false or gift_card.expired -%}
32 |           <p>Expired</p>
33 |         {%- endif -%}
34 |       </div>
35 |       {% if gift_card.expires_on %}
36 |         {%- assign gift_card_expiration_date = gift_card.expires_on | date: '%B %e, %Y' -%}
37 |         <p class="gift-card__text">
38 |          Expires on: {{ gift_card_expiration_date }}
39 |         </p>
40 |       {% endif %}
41 |     </header>
42 | 
43 |     <main>
44 |       <div class="gift-card__image-wrapper">
45 |           <img
46 |             src="{{ 'gift-card/card.svg' | shopify_asset_url }}"
47 |             alt=""
48 |             height=""
49 |             width=""
50 |             loading="lazy"
51 |           >
52 |       </div>
53 |       <h2>Shop name</h2>
54 |       <div>
55 |         <p>How to use</p>
56 |       </div>
57 |       <p>{{ gift_card.code | format_code }}</p>
58 |       <div data-identifier="{{ gift_card.qr_identifier }}"></div>
59 |         <a href="{{ gift_card.pass_url }}">
60 |           <img
61 |             src="{{ 'gift-card/add-to-apple-wallet.svg' | shopify_asset_url }}"
62 |             width="120"
63 |             height="40"
64 |             alt=""
65 |             loading="lazy"
66 |           >
67 |         </a>
68 |     </main>
69 |   </body>
70 | </html>
71 | 


--------------------------------------------------------------------------------
/templates/index.json:
--------------------------------------------------------------------------------
1 | {
2 |     "sections": {
3 |     },
4 |     "order": [
5 |     ]
6 | }
7 | 


--------------------------------------------------------------------------------
/templates/list-collections.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "sections": {
 3 |         "main": {
 4 |             "type": "main-list-collections"
 5 |         }
 6 |     },
 7 |     "order": [
 8 |         "main"
 9 |     ]
10 | }
11 | 


--------------------------------------------------------------------------------
/templates/page.contact.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "sections": {
 3 |         "main": {
 4 |             "type": "main-page"
 5 |         },
 6 |         "form": {
 7 |             "type": "contact-form"
 8 |         }
 9 |     },
10 |     "order": [
11 |         "main",
12 |         "form"
13 |     ]
14 | }
15 | 


--------------------------------------------------------------------------------
/templates/page.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "sections": {
 3 |         "main": {
 4 |             "type": "main-page"
 5 |         }
 6 |     },
 7 |     "order": [
 8 |         "main"
 9 |     ]
10 | }
11 | 


--------------------------------------------------------------------------------
/templates/password.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "sections": {
 3 |         "main": {
 4 |             "type": "main-password"
 5 |         }
 6 |     },
 7 |     "order": [
 8 |         "main"
 9 |     ]
10 | }
11 | 


--------------------------------------------------------------------------------
/templates/product.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "sections": {
 3 |         "main": {
 4 |             "type": "main-product"
 5 |         }
 6 |     },
 7 |     "order": [
 8 |         "main"
 9 |     ]
10 | }
11 | 


--------------------------------------------------------------------------------
/templates/search.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "sections": {
 3 |         "main": {
 4 |             "type": "main-search"
 5 |         }
 6 |     },
 7 |     "order": [
 8 |         "main"
 9 |     ]
10 | }
11 | 


--------------------------------------------------------------------------------