assets/about-niven.jpg
assets/about.gif
assets/contact.gif
assets/friends-of-niven.gif
assets/press.gif
assets/privacy.gif
assets/shipping.gif
assets/store-locator.gif
templates/page.about.liquid
@@ -1,6 +1,7 @@
body{
margin:0;
font:12px/14px Helvetica,Arial,sans-serif;
+ color:#666;
}
/* General reset */
img{border-style:none;}
@@ -468,3 +469,8 @@ form,fieldset{
#sidebar h2.lavender, #header ul li.lavender a:hover { color:#96c; }
#sidebar h2.candles, #header ul li.candles a:hover { color:#999; }
#sidebar h2.kitchen, #header ul li.kitchen a:hover { color:#f60; }
+
+#page.shipping {width:380px; float:left;}
+#page.about {width:620px; float:right;}
+img.about-niven {padding-top:16px;}
+input.submit-checkout {float:right;}
\ No newline at end of file
assets/layout.css
@@ -1,74 +1,66 @@
-<div id="content">
<script type="text/javascript">
function remove_item(id) {
document.getElementById('updates_'+id).value = 0;
document.getElementById('cartform').submit();
}
+ function update_item(id) {
+ document.getElementById('cartform').submit();
+ }
</script>
-
-<div>
-
- {% if cart.item_count == 0 %}
- <div id="cart">
- <h4>Your shopping cart is looking rather empty…</h4>
- <p>Looking for something specific?</p>
- <form action="/search" method="get">
- <input id="search-input-body" type="text" name="q" /> <input type="button" value="Search" />
- </form>
- <script type="text/javascript">document.getElementById('search-input-body').focus()</script>
+{% if cart.item_count == 0 %}
+ <div id="content">
+ <h4>Your shopping cart is looking rather empty…</h4>
+ </div>
+{% else %}
+<form action="/cart" method="post" id="cartform">
+<div class="trade">
+ <div class="checkout">
+ <a href="/" class="continue">Continue Shopping</a>
+ <input type="image" value="Checkout!" name="checkout" class="submit-checkout" src="{{ 'checkout.gif' | asset_url }}" />
+ <!-- <a href="#" class="check">Check Out</a> -->
+ </div>
+ <div class="top">
+ <span>Product</span>
+ <ul>
+ <li> </li>
+ <li class="price">Price</li>
+ <li class="quantity">Quantity</li>
+ <li class="total">Total</li>
+ </ul>
+ </div>
+ {% for item in cart.items %}
+ <div class="product">
+ <div class="box">
+ <a href="{{item.product.url}}" title="View {{item.title | escape }} Page"><img src="{{item.product.featured_image | product_img_url: 'thumb' }}" alt="{{item.title | escape }}" />
+ <p>{{ item.title }}
+ {% if item.variant.title != 'Default' %}
+ ({{item.variant.title}})
+ {% endif %}</p></a>
</div>
- {% else %}
- <form action="/cart" method="post" id="cartform">
-
- <div id="cart">
-
- <ul id="line-items">
- {% for item in cart.items %}
- <li id="item-{{item.id}}" class="clearfix">
- <div class="thumb">
- <div class="prodimage">
- <a href="{{item.product.url}}" title="View {{item.title | escape }} Page"><img src="{{item.product.featured_image | product_img_url: 'thumb' }}" alt="{{item.title | escape }}" /></a>
- </div></div>
- <h3 style="width:400px;">
- <a href="{{item.product.url}}" title="View {{item.title | escape }} Page">
- {{ item.title }}
- {% if item.variant.title != 'Default' %}
- ({{item.variant.title}})
- {% endif %}
- </a>
- </h3>
- <small class="itemcost">Costs {{ item.price | money }} each, <span class="money">{{item.line_price | money }}</span> total.</small>
- <p class="right">
- <label for="updates_{{item.variant.id}}">How many? </label>
- <input type="text" size="4" name="updates[{{item.variant.id}}]" id="updates_{{item.variant.id}}" value="{{item.quantity}}" onfocus="this.select();"/><br />
- <a href="#" onclick="remove_item({{item.variant.id}}); return false;" class="remove"><img style="padding:15px 0 0 0;margin:0;" src="{{ 'delete.gif' | asset_url }}" alt="" /></a>
- </p>
- </li>
- {% endfor %}
-
- <li id="total">
- <input type="image" id="update-cart" name="update" value="Update My Cart" src="{{ 'update.gif' | asset_url }}" />
- Subtotal:
- <span class="money">{{ cart.total_price | money_with_currency }}</span>
- </li>
-
- </ul>
-
- </div>
-
- <div class="info">
- <input type="image" value="Checkout!" name="checkout" src="{{ 'checkout.gif' | asset_url }}" />
- </div>
-
- {% if additional_checkout_buttons %}
- <div class="additional-checkout-buttons">
- <p>- or -</p>
- {{ content_for_additional_checkout_buttons }}
- </div>
- {% endif %}
-
- </form>
- {% endif %}
-
+ <ul>
+ <li> </li>
+ <li class="price">{{ item.price | money }}</li>
+ <li class="quantity">
+ <input type="text" size="4" name="updates[{{item.variant.id}}]" id="updates_{{item.variant.id}}" value="{{item.quantity}}" onfocus="this.select();"/><br />
+ <a href="#" onclick="update_item({{item.variant.id}}); return false;">Update</a>
+ </li>
+ <li class="total">{{ item.line_price | money }}</li>
+ </ul>
+ <a href="#" onclick="remove_item({{item.variant.id}}); return false;" class="remove">Remove</a>
+ </div>
+ {% endfor %}
+ <div class="subtotal">
+ <strong>Subtotal:</strong> {{ cart.total_price | money_with_currency }}
+ </div>
+ <div class="checkout">
+ <a href="/" class="continue">Continue Shopping</a>
+ <input type="image" value="Checkout!" name="checkout" class="submit-checkout" src="{{ 'checkout.gif' | asset_url }}" />
+ <!-- <a href="#" class="check">Check Out</a> -->
+ </div>
+</div>
+<!--
+<div class="additional-checkout-buttons">
+ {{ content_for_additional_checkout_buttons }}
</div>
-</div>
\ No newline at end of file
+-->
+{% endif %}
templates/cart.liquid
@@ -1,10 +1,9 @@
-<div id="content">
-<div id="page">
- <h2>{{page.title}}</h2>
+<div id="page" class='{{ page.handle }}'>
+ {% capture file_name %}{{ page.handle }}.gif{% endcapture %}
+ <h2><img src="{{ file_name | asset_url }}" alt="{{page.title}}"/></h2>
<div class="article textile">
{{page.content}}
</div>
-</div>
</div>
\ No newline at end of file
templates/page.liquid
1cb298d90750928d1ac1333b2506f5a65da4087c
Darcy Brown
darcy@dbcodeproject.com
http://github.com/dbcodeproject/nivenmorgan/commit/ee137c41d9e151990063a26868a53e98c15bf65b
ee137c41d9e151990063a26868a53e98c15bf65b
2009-10-09T11:46:08-07:00
2009-10-09T11:46:08-07:00
update to cart and pages
413fa885264cf4680175b37bbe8f089da256de2a
Darcy Brown
darcy@dbcodeproject.com