@@ -36,7 +36,7 @@
<form action="/search" method="get">
<fieldset>
<div class="wrap">
- <input input id="search-input" type="text" name="q" type="text" class="text" value="Enter Search Terms"/>
+ <input input id="search-input" type="text" name="q" type="text" class="text" value=""/>
</div>
<input type="image" class="btn" src="{{ 'search.gif' | asset_url }}" alt="Search"/>
<a href="/cart" class="cart">Your Cart</a>
@@ -44,29 +44,22 @@
</form>
</div>
<ul>
- {% for link in linklists.main-menu.links %}
- <li>{{ link.title | link_to: link.url }}</li>
+ {% for collection in collections %}
+ <li>{{ collection.title | link_to: collection.url }}</li>
{% endfor %}
</ul>
</div>
<div id="main">
- <div id="content">
{{ content_for_layout }}
- </div>
</div>
- </div>
- <div id="footer">
- <ul>
-
- <li><a href="#">About</a></li>
- <li><a href="#">Press</a></li>
- <li><a href="#">Shipping</a></li>
- <li><a href="#">Privacy</a></li>
- <li><a href="#">Contact</a></li>
- <li><a href="#">Store Locator</a></li>
- <li><a href="#">Friends of Niven</a></li>
- </ul>
- <p>© 2009 Niven Morgan All Rights Reserved.</p>
+ <div id="footer">
+ <ul>
+ {% for link in linklists.footer.links %}
+ <li>{{ link.title | link_to: link.url }}</li>
+ {% endfor %}
+ </ul>
+ <p>© 2009 Niven Morgan All Rights Reserved.</p>
+ </div>
</div>
</div>
layout/theme.liquid
preview.gif
@@ -1,3 +1,4 @@
+<div id="content">
<div id="page">
<h2>{{page.title}}</h2>
@@ -30,4 +31,5 @@
{% endpaginate %}
+</div>
</div>
\ No newline at end of file
templates/blog.liquid
@@ -1,3 +1,4 @@
+<div id="content">
<script type="text/javascript">
function remove_item(id) {
document.getElementById('updates_'+id).value = 0;
@@ -69,4 +70,5 @@
</form>
{% endif %}
+</div>
</div>
\ No newline at end of file
templates/cart.liquid
@@ -1,26 +1,19 @@
-<div id="collectionpage">
- {% paginate collection.products by 20 %}
-
- <div id="pagination">
- {{ paginate | default_pagination }}
+ <div id="content">
+ {% for product in collection.products %}
+ {% if forloop.first %}
+ <ul class="product">
+ {% endif %}
+ <li>
+ <a href="{{product.url | within: collection }}"><img src="{{ product.featured_image | product_img_url: 'original' }}" /><strong>{{ product.title }}<span>{{ product.variants.first.price | money }}</span></strong></a>
+ </li>
+ {% if forloop.last %}
+ </ul>
+ {% endif %}
+ {% endfor %}
+ </div>
+ <div id="sidebar">
+ <div class="title">
+ <h2>{{ collection.title}}</h2>
+ </div>
+ <p>{{ collection.description }}</p>
</div>
-
- <h2>{{ collection.title }}</h2>
-
- <ul id="product-collection">
- {% for product in collection.products %}
- <li class="singleproduct clearfix">
- <div class="small">
- <div class="prodimage"><a href="{{product.url}}"><img src="{{ product.featured_image | product_img_url: 'small' }}" /></a></div>
- </div>
- <div class="productdetails">
- <h3><a href="{{product.url}}">{{product.title}}</a></h3>
- <div class="description">{{ product.description | strip_html | truncatewords: 35 }}</div>
- <p class="money">{{ product.price_min | money }}{% if product.price_varies %} - {{ product.price_max | money }}{% endif %}</p>
- </div>
- </li>
- {% endfor %}
- </ul>
-
- {% endpaginate %}
-</div>
\ No newline at end of file
templates/collection.liquid
@@ -1,28 +1,5 @@
+<div id="content">
<div id="frontarticles">
- {% assign article = pages.frontpage %}
-
- {% if article.content != "" %}
- <h2>{{ article.title }}</h2>
- <div class="article textile">
- {{ article.content }}
- </div>
- {% else %}
- <div class="article textile">
- In <em>Admin > Blogs & Pages</em>, create a page with the handle <strong><code>frontpage</code></strong> and it will show up here.<br />
- {{ "Learn more about handles" | link_to "http://wiki.shopify.com/Handle" }}
- </div>
- {% endif %}
-
+{{ pages.frontpage.content }}
</div>
-
-<div id="frontproducts">
- {% for product in collections.frontpage.products %}
- <div class="productmain">
- <a href="{{ product.url }}"><img src="{{ product.featured_image | product_img_url: 'small' }}" alt="{{ product.title | escape }}" /></a>
- <h3><a href="{{ product.url }}">{{ product.title }}</a></h3>
- <div class="description">{{ product.description | truncatewords: 10 }}</div>
- <p class="money">{{ product.price_min | money }}</p>
- </div>
- {% endfor %}
-</div>
-
+</div>
\ No newline at end of file
templates/index.liquid
@@ -1,3 +1,4 @@
+<div id="content">
<div id="page">
<h2>{{page.title}}</h2>
@@ -5,4 +6,5 @@
{{page.content}}
</div>
+</div>
</div>
\ No newline at end of file
templates/page.liquid
@@ -1,55 +1,57 @@
-<div id="productpage">
-
- <div id="productimages"><div id="productimages-top"><div id="productimages-bottom">
- {% for image in product.images %}
- {% if forloop.first %}
- <a href="{{ image | product_img_url: 'large' }}" class="productimage" rel="lightbox" title="{{product.title | escape }}">
- <img src="{{ image | product_img_url: 'medium'}}" alt="{{product.title | escape }}" />
- </a>
+<div id="content">
+ <div class="box">
+ <div class="image">
+ {% if product.images[1] %}
+ <img src="{{ product.images[1] | product_img_url: 'original'}}" alt="{{product.title | escape }}" />
+ {% endif %}
+ </div>
+ {% if collection %}
+ <div class="back">
+ <a href="{{ collection.url }}">Back</a>
+ </div>
+ {% endif %}
+ <div class="content-box">
+ <h3>{{ product.title }} <span>{{ product.variants.first.price | money }}</span></h3>
+ <p>{{ product.description }}</p>
+
+ {% if product.available %}
+ <form action="/cart/add" method="post">
+ <input type="hidden" id="variant-select" name="id" value="{{ product.variants.first.id}}">
+ <!-- <p>{{ product.variants.first.title}}</p> -->
+ <input type="image" name="add" value="Add to Cart" id="add" src="{{ 'add.gif' | asset_url }}" />
+ </form>
{% else %}
- <a href="{{ image | product_img_url: 'large' }}" class="productimage-small" rel="lightbox" title="{{product.title | escape }}">
- <img src="{{ image | product_img_url: 'small'}}" alt="{{product.title | escape }}" />
- </a>
+ <span>Sold Out!</span>
{% endif %}
- {% endfor %}
- </div></div></div>
-
- <div id="productdetails">
- <h2>{{ product.title }}</h2>
-
- <ul id="details" class="hlist">
- <li>Vendor: {{ product.vendor | link_to_vendor }}</li>
- <li>Type: {{ product.type | link_to_type }}</li>
- </ul>
-
- <small>{{ product.price_min | money }}{% if product.price_varies %} - {{ product.price_max | money }}{% endif %}</small>
-
- <div id="productcontrols">
- {% if product.available %}
-
- <form action="/cart/add" method="post">
-
- <div id="price-field" class="price"></div>
-
- <select id="variant-select" name="id" class="product-info-options">
- {% for variant in product.variants %}
- <option value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money }}</option>
- {% endfor %}
- </select>
-
- <div class="addtocart"><input type="image" name="add" value="Add to Cart" id="add" src="{{ 'add_to_cart.gif' | asset_url }}" /></div>
- </form>
- {% else %}
- <span>Sold Out!</span>
- {% endif %}
</div>
-
- <div class="description textile">
- {{ product.description }}
+ </div>
+</div>
+<div id="sidebar">
+ {% if collection %}
+ <div class="title">
+ <h2>{{ collection.title }}</h2>
</div>
+ <p>{{ collection.description }}</p>
+ {% endif %}
+</div>
+{% if collection %}
+<div class="more-products">
+ <div class="top">
+ <a href="{{ collection.url }}" class="title">More {{ collection.title }} Products</a>
</div>
+ <ul class="product">
+ {% for cproduct in collection.products %}
+ <li><a href="{{cproduct.url | within: collection}}"><img src="{{ cproduct.featured_image | product_img_url: 'original' }}" />
+ <strong>
+ {{ cproduct.title }}
+ <span>{{ cproduct.variants.first.price | money }}</span>
+ </strong>
+ </a>
+ </li>
+ {% endfor %}
+ </ul>
+{% endif %}
</div>
-
<script type="text/javascript">
<!--
// prototype callback for multi variants dropdown selector
@@ -73,4 +75,4 @@
selector = new Shopify.OptionSelectors("variant-select", { product: {{ product | json }}, onVariantSelected: selectCallback });
});
-->
-</script>
+</script>
\ No newline at end of file
templates/product.liquid
b6549a5f5b166958398b4fa69e4f3329c2d65520
Darcy Brown
darcy@dbcodeproject.com
http://github.com/dbcodeproject/nivenmorgan/commit/47940d505efa2eabdb2e674b65eaa91030710a2f
47940d505efa2eabdb2e674b65eaa91030710a2f
2009-09-28T21:00:20-07:00
2009-09-28T21:00:20-07:00
pass 2 for liquid
46d7989b590f1536a0f3545e79ac1998039f362e
Darcy Brown
darcy@dbcodeproject.com