mirror of
https://github.com/kemko/liquid.git
synced 2026-01-01 15:55:40 +03:00
Convert legacy tab indentation to spaces and remove trailing whitespace from all lines
This commit is contained in:
@@ -17,4 +17,4 @@ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
||||
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
||||
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
||||
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
||||
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
|
||||
@@ -2,40 +2,40 @@ module ProductsFilter
|
||||
def price(integer)
|
||||
sprintf("$%.2d USD", integer / 100.0)
|
||||
end
|
||||
|
||||
|
||||
def prettyprint(text)
|
||||
text.gsub( /\*(.*)\*/, '<b>\1</b>' )
|
||||
end
|
||||
|
||||
|
||||
def count(array)
|
||||
array.size
|
||||
end
|
||||
|
||||
|
||||
def paragraph(p)
|
||||
"<p>#{p}</p>"
|
||||
end
|
||||
end
|
||||
|
||||
class Servlet < LiquidServlet
|
||||
|
||||
|
||||
def index
|
||||
{ 'date' => Time.now }
|
||||
end
|
||||
|
||||
def products
|
||||
{ 'products' => products_list, 'description' => description, 'section' => 'Snowboards', 'cool_products' => true}
|
||||
|
||||
def products
|
||||
{ 'products' => products_list, 'description' => description, 'section' => 'Snowboards', 'cool_products' => true}
|
||||
end
|
||||
|
||||
private
|
||||
|
||||
|
||||
def products_list
|
||||
[{'name' => 'Arbor Draft', 'price' => 39900, 'description' => 'the *arbor draft* is a excellent product' },
|
||||
{'name' => 'Arbor Element', 'price' => 40000, 'description' => 'the *arbor element* rocks for freestyling'},
|
||||
{'name' => 'Arbor Diamond', 'price' => 59900, 'description' => 'the *arbor diamond* is a made up product because im obsessed with arbor and have no creativity'}]
|
||||
end
|
||||
|
||||
|
||||
def description
|
||||
"List of Products ~ This is a list of products with price and description."
|
||||
end
|
||||
|
||||
|
||||
end
|
||||
|
||||
@@ -7,22 +7,22 @@ class LiquidServlet < WEBrick::HTTPServlet::AbstractServlet
|
||||
def do_POST(req, res)
|
||||
handle(:post, req, res)
|
||||
end
|
||||
|
||||
|
||||
private
|
||||
|
||||
|
||||
def handle(type, req, res)
|
||||
@request, @response = req, res
|
||||
|
||||
|
||||
@request.path_info =~ /(\w+)$/
|
||||
@action = $1 || 'index'
|
||||
@assigns = send(@action) if respond_to?(@action)
|
||||
@action = $1 || 'index'
|
||||
@assigns = send(@action) if respond_to?(@action)
|
||||
|
||||
@response['Content-Type'] = "text/html"
|
||||
@response.status = 200
|
||||
@response.body = Liquid::Template.parse(read_template).render(@assigns, :filters => [ProductsFilter])
|
||||
@response.body = Liquid::Template.parse(read_template).render(@assigns, :filters => [ProductsFilter])
|
||||
end
|
||||
|
||||
|
||||
def read_template(filename = @action)
|
||||
File.read( File.dirname(__FILE__) + "/templates/#{filename}.liquid" )
|
||||
end
|
||||
end
|
||||
end
|
||||
|
||||
@@ -3,4 +3,4 @@
|
||||
<p>It is {{date}}</p>
|
||||
|
||||
|
||||
<p>Check out the <a href="http://localhost:3000/products">Products</a> screen </p>
|
||||
<p>Check out the <a href="http://localhost:3000/products">Products</a> screen </p>
|
||||
|
||||
@@ -1,49 +1,49 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="Content-Language" content="en-us" />
|
||||
|
||||
<title>products</title>
|
||||
|
||||
<meta name="ROBOTS" content="ALL" />
|
||||
<meta http-equiv="imagetoolbar" content="no" />
|
||||
<meta name="MSSmartTagsPreventParsing" content="true" />
|
||||
<meta name="Copyright" content="(c) 2005 Copyright content: Copyright design: Tobias Luetke" />
|
||||
<!-- (c) Copyright 2005 by Tobias Luetke All Rights Reserved. -->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<head>
|
||||
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="Content-Language" content="en-us" />
|
||||
|
||||
<h1>{{ description | split: '~' | first }}</h1>
|
||||
<title>products</title>
|
||||
|
||||
<h2>{{ description | split: '~' | last }}</h2>
|
||||
<meta name="ROBOTS" content="ALL" />
|
||||
<meta http-equiv="imagetoolbar" content="no" />
|
||||
<meta name="MSSmartTagsPreventParsing" content="true" />
|
||||
<meta name="Copyright" content="(c) 2005 Copyright content: Copyright design: Tobias Luetke" />
|
||||
<!-- (c) Copyright 2005 by Tobias Luetke All Rights Reserved. -->
|
||||
</head>
|
||||
|
||||
<h2>There are currently {{products | count}} products in the {{section}} catalog</h2>
|
||||
<body>
|
||||
|
||||
<h1>{{ description | split: '~' | first }}</h1>
|
||||
|
||||
<h2>{{ description | split: '~' | last }}</h2>
|
||||
|
||||
<h2>There are currently {{products | count}} products in the {{section}} catalog</h2>
|
||||
|
||||
{% if cool_products %}
|
||||
Cool products :)
|
||||
Cool products :)
|
||||
{% else %}
|
||||
Uncool products :(
|
||||
Uncool products :(
|
||||
{% endif %}
|
||||
|
||||
<ul id="products">
|
||||
|
||||
|
||||
{% for product in products %}
|
||||
<li>
|
||||
<h2>{{product.name}}</h2>
|
||||
Only {{product.price | price }}
|
||||
|
||||
|
||||
{{product.description | prettyprint | paragraph }}
|
||||
|
||||
|
||||
{{ 'it rocks!' | paragraph }}
|
||||
|
||||
</li>
|
||||
|
||||
</li>
|
||||
{% endfor %}
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -2,15 +2,15 @@
|
||||
# and use liquid as an template system for .liquid files
|
||||
#
|
||||
# Example
|
||||
#
|
||||
#
|
||||
# ActionView::Base::register_template_handler :liquid, LiquidView
|
||||
class LiquidView
|
||||
PROTECTED_ASSIGNS = %w( template_root response _session template_class action_name request_origin session template
|
||||
_response url _request _cookies variables_added _flash params _headers request cookies
|
||||
ignore_missing_templates flash _params logger before_filter_chain_aborted headers )
|
||||
PROTECTED_INSTANCE_VARIABLES = %w( @_request @controller @_first_render @_memoized__pick_template @view_paths
|
||||
PROTECTED_INSTANCE_VARIABLES = %w( @_request @controller @_first_render @_memoized__pick_template @view_paths
|
||||
@helpers @assigns_added @template @_render_stack @template_format @assigns )
|
||||
|
||||
|
||||
def self.call(template)
|
||||
"LiquidView.new(self).render(template, local_assigns)"
|
||||
end
|
||||
@@ -18,10 +18,10 @@ class LiquidView
|
||||
def initialize(view)
|
||||
@view = view
|
||||
end
|
||||
|
||||
|
||||
def render(template, local_assigns = nil)
|
||||
@view.controller.headers["Content-Type"] ||= 'text/html; charset=utf-8'
|
||||
|
||||
|
||||
# Rails 2.2 Template has source, but not locals
|
||||
if template.respond_to?(:source) && !template.respond_to?(:locals)
|
||||
assigns = (@view.instance_variables - PROTECTED_INSTANCE_VARIABLES).inject({}) do |hash, ivar|
|
||||
@@ -31,15 +31,15 @@ class LiquidView
|
||||
else
|
||||
assigns = @view.assigns.reject{ |k,v| PROTECTED_ASSIGNS.include?(k) }
|
||||
end
|
||||
|
||||
|
||||
source = template.respond_to?(:source) ? template.source : template
|
||||
local_assigns = (template.respond_to?(:locals) ? template.locals : local_assigns) || {}
|
||||
|
||||
|
||||
if content_for_layout = @view.instance_variable_get("@content_for_layout")
|
||||
assigns['content_for_layout'] = content_for_layout
|
||||
end
|
||||
assigns.merge!(local_assigns.stringify_keys)
|
||||
|
||||
|
||||
liquid = Liquid::Template.parse(source)
|
||||
liquid.render(assigns, :filters => [@view.controller.master_helper_module], :registers => {:action_view => @view, :controller => @view.controller})
|
||||
end
|
||||
@@ -48,4 +48,4 @@ class LiquidView
|
||||
false
|
||||
end
|
||||
|
||||
end
|
||||
end
|
||||
|
||||
@@ -99,7 +99,7 @@ module Liquid
|
||||
|
||||
begin
|
||||
# If we get an Interrupt that means the block must stop processing. An
|
||||
# Interrupt is any command that stops block execution such as {% break %}
|
||||
# Interrupt is any command that stops block execution such as {% break %}
|
||||
# or {% continue %}
|
||||
if token.is_a? Continue or token.is_a? Break
|
||||
context.push_interrupt(token.interrupt)
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
module Liquid
|
||||
# A Liquid file system is way to let your templates retrieve other templates for use with the include tag.
|
||||
#
|
||||
# You can implement subclasses that retrieve templates from the database, from the file system using a different
|
||||
# You can implement subclasses that retrieve templates from the database, from the file system using a different
|
||||
# path structure, you can provide them as hard-coded inline strings, or any manner that you see fit.
|
||||
#
|
||||
# You can add additional instance variables, arguments, or methods as needed.
|
||||
@@ -18,7 +18,7 @@ module Liquid
|
||||
raise FileSystemError, "This liquid context does not allow includes."
|
||||
end
|
||||
end
|
||||
|
||||
|
||||
# This implements an abstract file system which retrieves template files named in a manner similar to Rails partials,
|
||||
# ie. with the template name prefixed with an underscore. The extension ".liquid" is also added.
|
||||
#
|
||||
@@ -27,36 +27,36 @@ module Liquid
|
||||
# Example:
|
||||
#
|
||||
# file_system = Liquid::LocalFileSystem.new("/some/path")
|
||||
#
|
||||
#
|
||||
# file_system.full_path("mypartial") # => "/some/path/_mypartial.liquid"
|
||||
# file_system.full_path("dir/mypartial") # => "/some/path/dir/_mypartial.liquid"
|
||||
#
|
||||
class LocalFileSystem
|
||||
attr_accessor :root
|
||||
|
||||
|
||||
def initialize(root)
|
||||
@root = root
|
||||
end
|
||||
|
||||
|
||||
def read_template_file(template_path, context)
|
||||
full_path = full_path(template_path)
|
||||
raise FileSystemError, "No such template '#{template_path}'" unless File.exists?(full_path)
|
||||
|
||||
|
||||
File.read(full_path)
|
||||
end
|
||||
|
||||
|
||||
def full_path(template_path)
|
||||
raise FileSystemError, "Illegal template name '#{template_path}'" unless template_path =~ /^[^.\/][a-zA-Z0-9_\/]+$/
|
||||
|
||||
|
||||
full_path = if template_path.include?('/')
|
||||
File.join(root, File.dirname(template_path), "_#{File.basename(template_path)}.liquid")
|
||||
else
|
||||
File.join(root, "_#{template_path}.liquid")
|
||||
end
|
||||
|
||||
|
||||
raise FileSystemError, "Illegal template path '#{File.expand_path(full_path)}'" unless File.expand_path(full_path) =~ /^#{File.expand_path(root)}/
|
||||
|
||||
|
||||
full_path
|
||||
end
|
||||
end
|
||||
end
|
||||
end
|
||||
|
||||
@@ -10,26 +10,26 @@ module Liquid
|
||||
#
|
||||
class Assign < Tag
|
||||
Syntax = /(#{VariableSignature}+)\s*=\s*(.*)\s*/o
|
||||
|
||||
def initialize(tag_name, markup, tokens)
|
||||
|
||||
def initialize(tag_name, markup, tokens)
|
||||
if markup =~ Syntax
|
||||
@to = $1
|
||||
@from = Variable.new($2)
|
||||
else
|
||||
raise SyntaxError.new("Syntax Error in 'assign' - Valid syntax: assign [var] = [source]")
|
||||
end
|
||||
|
||||
super
|
||||
|
||||
super
|
||||
end
|
||||
|
||||
|
||||
def render(context)
|
||||
val = @from.render(context)
|
||||
context.scopes.last[@to] = val
|
||||
context.resource_limits[:assign_score_current] += (val.respond_to?(:length) ? val.length : 1)
|
||||
''
|
||||
end
|
||||
|
||||
end
|
||||
|
||||
Template.register_tag('assign', Assign)
|
||||
end
|
||||
|
||||
end
|
||||
|
||||
Template.register_tag('assign', Assign)
|
||||
end
|
||||
|
||||
@@ -8,8 +8,8 @@ module Liquid
|
||||
# {% break %}
|
||||
# {% endif %}
|
||||
# {% endfor %}
|
||||
#
|
||||
class Break < Tag
|
||||
#
|
||||
class Break < Tag
|
||||
|
||||
def interrupt
|
||||
BreakInterrupt.new
|
||||
|
||||
@@ -3,15 +3,15 @@ module Liquid
|
||||
Syntax = /(#{QuotedFragment})/o
|
||||
WhenSyntax = /(#{QuotedFragment})(?:(?:\s+or\s+|\s*\,\s*)(#{QuotedFragment}.*))?/o
|
||||
|
||||
def initialize(tag_name, markup, tokens)
|
||||
def initialize(tag_name, markup, tokens)
|
||||
@blocks = []
|
||||
|
||||
|
||||
if markup =~ Syntax
|
||||
@left = $1
|
||||
else
|
||||
raise SyntaxError.new("Syntax Error in tag 'case' - Valid syntax: case [condition]")
|
||||
end
|
||||
|
||||
|
||||
super
|
||||
end
|
||||
|
||||
@@ -27,53 +27,53 @@ module Liquid
|
||||
end
|
||||
end
|
||||
|
||||
def render(context)
|
||||
context.stack do
|
||||
def render(context)
|
||||
context.stack do
|
||||
execute_else_block = true
|
||||
|
||||
|
||||
output = ''
|
||||
@blocks.each do |block|
|
||||
if block.else?
|
||||
if block.else?
|
||||
return render_all(block.attachment, context) if execute_else_block
|
||||
elsif block.evaluate(context)
|
||||
execute_else_block = false
|
||||
execute_else_block = false
|
||||
output << render_all(block.attachment, context)
|
||||
end
|
||||
end
|
||||
end
|
||||
output
|
||||
end
|
||||
end
|
||||
|
||||
private
|
||||
|
||||
def record_when_condition(markup)
|
||||
while markup
|
||||
# Create a new nodelist and assign it to the new block
|
||||
if not markup =~ WhenSyntax
|
||||
raise SyntaxError.new("Syntax Error in tag 'case' - Valid when condition: {% when [condition] [or condition2...] %} ")
|
||||
end
|
||||
|
||||
markup = $2
|
||||
|
||||
block = Condition.new(@left, '==', $1)
|
||||
block.attach(@nodelist)
|
||||
@blocks.push(block)
|
||||
end
|
||||
end
|
||||
|
||||
def record_else_condition(markup)
|
||||
private
|
||||
|
||||
def record_when_condition(markup)
|
||||
while markup
|
||||
# Create a new nodelist and assign it to the new block
|
||||
if not markup =~ WhenSyntax
|
||||
raise SyntaxError.new("Syntax Error in tag 'case' - Valid when condition: {% when [condition] [or condition2...] %} ")
|
||||
end
|
||||
|
||||
markup = $2
|
||||
|
||||
block = Condition.new(@left, '==', $1)
|
||||
block.attach(@nodelist)
|
||||
@blocks.push(block)
|
||||
end
|
||||
end
|
||||
|
||||
def record_else_condition(markup)
|
||||
|
||||
if not markup.strip.empty?
|
||||
raise SyntaxError.new("Syntax Error in tag 'case' - Valid else condition: {% else %} (no parameters) ")
|
||||
end
|
||||
|
||||
block = ElseCondition.new
|
||||
|
||||
block = ElseCondition.new
|
||||
block.attach(@nodelist)
|
||||
@blocks << block
|
||||
end
|
||||
|
||||
|
||||
end
|
||||
|
||||
|
||||
|
||||
end
|
||||
|
||||
Template.register_tag('case', Case)
|
||||
end
|
||||
|
||||
@@ -8,7 +8,7 @@ module Liquid
|
||||
# {% continue %}
|
||||
# {% endif %}
|
||||
# {% endfor %}
|
||||
#
|
||||
#
|
||||
class Continue < Tag
|
||||
|
||||
def interrupt
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
module Liquid
|
||||
|
||||
|
||||
# Cycle is usually used within a loop to alternate between values, like colors or DOM classes.
|
||||
#
|
||||
# {% for item in items %}
|
||||
@@ -15,45 +15,45 @@ module Liquid
|
||||
class Cycle < Tag
|
||||
SimpleSyntax = /^#{QuotedFragment}+/o
|
||||
NamedSyntax = /^(#{QuotedFragment})\s*\:\s*(.*)/o
|
||||
|
||||
def initialize(tag_name, markup, tokens)
|
||||
|
||||
def initialize(tag_name, markup, tokens)
|
||||
case markup
|
||||
when NamedSyntax
|
||||
@variables = variables_from_string($2)
|
||||
@name = $1
|
||||
@variables = variables_from_string($2)
|
||||
@name = $1
|
||||
when SimpleSyntax
|
||||
@variables = variables_from_string(markup)
|
||||
@name = "'#{@variables.to_s}'"
|
||||
@name = "'#{@variables.to_s}'"
|
||||
else
|
||||
raise SyntaxError.new("Syntax Error in 'cycle' - Valid syntax: cycle [name :] var [, var2, var3 ...]")
|
||||
end
|
||||
super
|
||||
end
|
||||
|
||||
super
|
||||
end
|
||||
|
||||
def render(context)
|
||||
context.registers[:cycle] ||= Hash.new(0)
|
||||
|
||||
|
||||
context.stack do
|
||||
key = context[@name]
|
||||
key = context[@name]
|
||||
iteration = context.registers[:cycle][key]
|
||||
result = context[@variables[iteration]]
|
||||
iteration += 1
|
||||
iteration = 0 if iteration >= @variables.size
|
||||
iteration += 1
|
||||
iteration = 0 if iteration >= @variables.size
|
||||
context.registers[:cycle][key] = iteration
|
||||
result
|
||||
result
|
||||
end
|
||||
end
|
||||
|
||||
|
||||
private
|
||||
|
||||
|
||||
def variables_from_string(markup)
|
||||
markup.split(',').collect do |var|
|
||||
var =~ /\s*(#{QuotedFragment})\s*/o
|
||||
$1 ? $1 : nil
|
||||
end.compact
|
||||
var =~ /\s*(#{QuotedFragment})\s*/o
|
||||
$1 ? $1 : nil
|
||||
end.compact
|
||||
end
|
||||
|
||||
|
||||
end
|
||||
|
||||
|
||||
Template.register_tag('cycle', Cycle)
|
||||
end
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
module Liquid
|
||||
|
||||
|
||||
# decrement is used in a place where one needs to insert a counter
|
||||
# into a template, and needs the counter to survive across
|
||||
# multiple instantiations of the template.
|
||||
@@ -19,21 +19,21 @@ module Liquid
|
||||
# Hello: -3
|
||||
#
|
||||
class Decrement < Tag
|
||||
def initialize(tag_name, markup, tokens)
|
||||
def initialize(tag_name, markup, tokens)
|
||||
@variable = markup.strip
|
||||
|
||||
super
|
||||
end
|
||||
|
||||
super
|
||||
end
|
||||
|
||||
def render(context)
|
||||
value = context.environments.first[@variable] ||= 0
|
||||
value = value - 1
|
||||
context.environments.first[@variable] = value
|
||||
value.to_s
|
||||
end
|
||||
|
||||
|
||||
private
|
||||
end
|
||||
|
||||
|
||||
Template.register_tag('decrement', Decrement)
|
||||
end
|
||||
|
||||
@@ -1,20 +1,20 @@
|
||||
module Liquid
|
||||
class Ifchanged < Block
|
||||
|
||||
|
||||
def render(context)
|
||||
context.stack do
|
||||
|
||||
context.stack do
|
||||
|
||||
output = render_all(@nodelist, context)
|
||||
|
||||
|
||||
if output != context.registers[:ifchanged]
|
||||
context.registers[:ifchanged] = output
|
||||
output
|
||||
else
|
||||
''
|
||||
end
|
||||
end
|
||||
end
|
||||
end
|
||||
end
|
||||
|
||||
Template.register_tag('ifchanged', Ifchanged)
|
||||
end
|
||||
end
|
||||
|
||||
Template.register_tag('ifchanged', Ifchanged)
|
||||
end
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
module Liquid
|
||||
|
||||
|
||||
# increment is used in a place where one needs to insert a counter
|
||||
# into a template, and needs the counter to survive across
|
||||
# multiple instantiations of the template.
|
||||
@@ -16,20 +16,20 @@ module Liquid
|
||||
# Hello: 2
|
||||
#
|
||||
class Increment < Tag
|
||||
def initialize(tag_name, markup, tokens)
|
||||
def initialize(tag_name, markup, tokens)
|
||||
@variable = markup.strip
|
||||
|
||||
super
|
||||
end
|
||||
|
||||
super
|
||||
end
|
||||
|
||||
def render(context)
|
||||
value = context.environments.first[@variable] ||= 0
|
||||
context.environments.first[@variable] = value + 1
|
||||
value.to_s
|
||||
end
|
||||
|
||||
|
||||
private
|
||||
end
|
||||
|
||||
|
||||
Template.register_tag('increment', Increment)
|
||||
end
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
class CommentForm < Liquid::Block
|
||||
Syntax = /(#{Liquid::VariableSignature}+)/
|
||||
class CommentForm < Liquid::Block
|
||||
Syntax = /(#{Liquid::VariableSignature}+)/
|
||||
|
||||
def initialize(tag_name, markup, tokens)
|
||||
if markup =~ Syntax
|
||||
@@ -8,14 +8,14 @@ class CommentForm < Liquid::Block
|
||||
else
|
||||
raise SyntaxError.new("Syntax Error in 'comment_form' - Valid syntax: comment_form [article]")
|
||||
end
|
||||
|
||||
|
||||
super
|
||||
end
|
||||
|
||||
def render(context)
|
||||
def render(context)
|
||||
article = context[@variable_name]
|
||||
|
||||
context.stack do
|
||||
|
||||
context.stack do
|
||||
context['form'] = {
|
||||
'posted_successfully?' => context.registers[:posted_successfully],
|
||||
'errors' => context['comment.errors'],
|
||||
@@ -25,9 +25,9 @@ class CommentForm < Liquid::Block
|
||||
}
|
||||
wrap_in_form(article, render_all(@nodelist, context))
|
||||
end
|
||||
end
|
||||
|
||||
def wrap_in_form(article, input)
|
||||
%Q{<form id="article-#{article.id}-comment-form" class="comment-form" method="post" action="">\n#{input}\n</form>}
|
||||
end
|
||||
|
||||
def wrap_in_form(article, input)
|
||||
%Q{<form id="article-#{article.id}-comment-form" class="comment-form" method="post" action="">\n#{input}\n</form>}
|
||||
end
|
||||
end
|
||||
|
||||
@@ -1,45 +1,45 @@
|
||||
require 'yaml'
|
||||
module Database
|
||||
|
||||
# Load the standard vision toolkit database and re-arrage it to be simply exportable
|
||||
|
||||
# Load the standard vision toolkit database and re-arrage it to be simply exportable
|
||||
# to liquid as assigns. All this is based on Shopify
|
||||
def self.tables
|
||||
@tables ||= begin
|
||||
@tables ||= begin
|
||||
db = YAML.load_file(File.dirname(__FILE__) + '/vision.database.yml')
|
||||
|
||||
# From vision source
|
||||
# From vision source
|
||||
db['products'].each do |product|
|
||||
collections = db['collections'].find_all do |collection|
|
||||
collection['products'].any? { |p| p['id'].to_i == product['id'].to_i }
|
||||
end
|
||||
product['collections'] = collections
|
||||
end
|
||||
product['collections'] = collections
|
||||
end
|
||||
|
||||
# key the tables by handles, as this is how liquid expects it.
|
||||
# key the tables by handles, as this is how liquid expects it.
|
||||
db = db.inject({}) do |assigns, (key, values)|
|
||||
assigns[key] = values.inject({}) { |h, v| h[v['handle']] = v; h; }
|
||||
assigns
|
||||
end
|
||||
|
||||
# Some standard direct accessors so that the specialized templates
|
||||
end
|
||||
|
||||
# Some standard direct accessors so that the specialized templates
|
||||
# render correctly
|
||||
db['collection'] = db['collections'].values.first
|
||||
db['product'] = db['products'].values.first
|
||||
db['blog'] = db['blogs'].values.first
|
||||
db['article'] = db['blog']['articles'].first
|
||||
|
||||
db['cart'] = {
|
||||
|
||||
db['cart'] = {
|
||||
'total_price' => db['line_items'].values.inject(0) { |sum, item| sum += item['line_price'] * item['quantity'] },
|
||||
'item_count' => db['line_items'].values.inject(0) { |sum, item| sum += item['quantity'] },
|
||||
'items' => db['line_items'].values
|
||||
}
|
||||
|
||||
|
||||
db
|
||||
end
|
||||
end
|
||||
end
|
||||
end
|
||||
|
||||
if __FILE__ == $0
|
||||
p Database.tables['collections']['frontpage'].keys
|
||||
#p Database.tables['blog']['articles']
|
||||
end
|
||||
end
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
module JsonFilter
|
||||
|
||||
|
||||
def json(object)
|
||||
object.reject {|k,v| k == "collections" }.to_json
|
||||
end
|
||||
|
||||
end
|
||||
|
||||
end
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
module MoneyFilter
|
||||
|
||||
|
||||
def money_with_currency(money)
|
||||
return '' if money.nil?
|
||||
sprintf("$ %.2f USD", money/100.0)
|
||||
@@ -9,10 +9,10 @@ module MoneyFilter
|
||||
return '' if money.nil?
|
||||
sprintf("$ %.2f", money/100.0)
|
||||
end
|
||||
|
||||
private
|
||||
|
||||
|
||||
private
|
||||
|
||||
def currency
|
||||
ShopDrop.new.currency
|
||||
end
|
||||
end
|
||||
end
|
||||
end
|
||||
|
||||
@@ -3,7 +3,7 @@ class Paginate < Liquid::Block
|
||||
|
||||
def initialize(tag_name, markup, tokens)
|
||||
@nodelist = []
|
||||
|
||||
|
||||
if markup =~ Syntax
|
||||
@collection_name = $1
|
||||
@page_size = if $2
|
||||
@@ -11,22 +11,22 @@ class Paginate < Liquid::Block
|
||||
else
|
||||
20
|
||||
end
|
||||
|
||||
|
||||
@attributes = { 'window_size' => 3 }
|
||||
markup.scan(Liquid::TagAttributes) do |key, value|
|
||||
@attributes[key] = value
|
||||
end
|
||||
end
|
||||
else
|
||||
raise SyntaxError.new("Syntax Error in tag 'paginate' - Valid syntax: paginate [collection] by number")
|
||||
end
|
||||
|
||||
|
||||
super
|
||||
end
|
||||
|
||||
def render(context)
|
||||
@context = context
|
||||
|
||||
context.stack do
|
||||
context.stack do
|
||||
current_page = context['current_page'].to_i
|
||||
|
||||
pagination = {
|
||||
@@ -34,29 +34,29 @@ class Paginate < Liquid::Block
|
||||
'current_page' => 5,
|
||||
'current_offset' => @page_size * 5
|
||||
}
|
||||
|
||||
context['paginate'] = pagination
|
||||
|
||||
collection_size = context[@collection_name].size
|
||||
|
||||
context['paginate'] = pagination
|
||||
|
||||
collection_size = context[@collection_name].size
|
||||
|
||||
raise ArgumentError.new("Cannot paginate array '#{@collection_name}'. Not found.") if collection_size.nil?
|
||||
|
||||
page_count = (collection_size.to_f / @page_size.to_f).to_f.ceil + 1
|
||||
|
||||
page_count = (collection_size.to_f / @page_size.to_f).to_f.ceil + 1
|
||||
|
||||
pagination['items'] = collection_size
|
||||
pagination['pages'] = page_count -1
|
||||
pagination['previous'] = link('« Previous', current_page-1 ) unless 1 >= current_page
|
||||
pagination['next'] = link('Next »', current_page+1 ) unless page_count <= current_page+1
|
||||
pagination['parts'] = []
|
||||
|
||||
|
||||
hellip_break = false
|
||||
|
||||
|
||||
if page_count > 2
|
||||
1.upto(page_count-1) do |page|
|
||||
|
||||
|
||||
if current_page == page
|
||||
pagination['parts'] << no_link(page)
|
||||
elsif page == 1
|
||||
elsif page == 1
|
||||
pagination['parts'] << link(page, page)
|
||||
elsif page == page_count -1
|
||||
pagination['parts'] << link(page, page)
|
||||
@@ -68,26 +68,26 @@ class Paginate < Liquid::Block
|
||||
else
|
||||
pagination['parts'] << link(page, page)
|
||||
end
|
||||
|
||||
|
||||
hellip_break = false
|
||||
end
|
||||
end
|
||||
end
|
||||
|
||||
|
||||
render_all(@nodelist, context)
|
||||
end
|
||||
end
|
||||
|
||||
|
||||
private
|
||||
|
||||
|
||||
def no_link(title)
|
||||
{ 'title' => title, 'is_link' => false}
|
||||
end
|
||||
|
||||
|
||||
def link(title, page)
|
||||
{ 'title' => title, 'url' => current_url + "?page=#{page}", 'is_link' => true}
|
||||
end
|
||||
|
||||
|
||||
def current_url
|
||||
"/collections/frontpage"
|
||||
end
|
||||
end
|
||||
end
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
module ShopFilter
|
||||
|
||||
|
||||
def asset_url(input)
|
||||
"/files/1/[shop_id]/[shop_id]/assets/#{input}"
|
||||
end
|
||||
@@ -7,11 +7,11 @@ module ShopFilter
|
||||
def global_asset_url(input)
|
||||
"/global/#{input}"
|
||||
end
|
||||
|
||||
|
||||
def shopify_asset_url(input)
|
||||
"/shopify/#{input}"
|
||||
end
|
||||
|
||||
|
||||
def script_tag(url)
|
||||
%(<script src="#{url}" type="text/javascript"></script>)
|
||||
end
|
||||
@@ -19,15 +19,15 @@ module ShopFilter
|
||||
def stylesheet_tag(url, media="all")
|
||||
%(<link href="#{url}" rel="stylesheet" type="text/css" media="#{media}" />)
|
||||
end
|
||||
|
||||
|
||||
def link_to(link, url, title="")
|
||||
%|<a href="#{url}" title="#{title}">#{link}</a>|
|
||||
end
|
||||
|
||||
|
||||
def img_tag(url, alt="")
|
||||
%|<img src="#{url}" alt="#{alt}" />|
|
||||
end
|
||||
|
||||
%|<img src="#{url}" alt="#{alt}" />|
|
||||
end
|
||||
|
||||
def link_to_vendor(vendor)
|
||||
if vendor
|
||||
link_to vendor, url_for_vendor(vendor), vendor
|
||||
@@ -35,7 +35,7 @@ module ShopFilter
|
||||
'Unknown Vendor'
|
||||
end
|
||||
end
|
||||
|
||||
|
||||
def link_to_type(type)
|
||||
if type
|
||||
link_to type, url_for_type(type), type
|
||||
@@ -43,56 +43,56 @@ module ShopFilter
|
||||
'Unknown Vendor'
|
||||
end
|
||||
end
|
||||
|
||||
|
||||
def url_for_vendor(vendor_title)
|
||||
"/collections/#{vendor_title.to_handle}"
|
||||
end
|
||||
|
||||
|
||||
def url_for_type(type_title)
|
||||
"/collections/#{type_title.to_handle}"
|
||||
end
|
||||
|
||||
|
||||
def product_img_url(url, style = 'small')
|
||||
|
||||
|
||||
unless url =~ /^products\/([\w\-\_]+)\.(\w{2,4})/
|
||||
raise ArgumentError, 'filter "size" can only be called on product images'
|
||||
end
|
||||
|
||||
|
||||
case style
|
||||
when 'original'
|
||||
return '/files/shops/random_number/' + url
|
||||
return '/files/shops/random_number/' + url
|
||||
when 'grande', 'large', 'medium', 'compact', 'small', 'thumb', 'icon'
|
||||
"/files/shops/random_number/products/#{$1}_#{style}.#{$2}"
|
||||
"/files/shops/random_number/products/#{$1}_#{style}.#{$2}"
|
||||
else
|
||||
raise ArgumentError, 'valid parameters for filter "size" are: original, grande, large, medium, compact, small, thumb and icon '
|
||||
raise ArgumentError, 'valid parameters for filter "size" are: original, grande, large, medium, compact, small, thumb and icon '
|
||||
end
|
||||
end
|
||||
|
||||
|
||||
def default_pagination(paginate)
|
||||
|
||||
html = []
|
||||
|
||||
html = []
|
||||
html << %(<span class="prev">#{link_to(paginate['previous']['title'], paginate['previous']['url'])}</span>) if paginate['previous']
|
||||
|
||||
for part in paginate['parts']
|
||||
|
||||
if part['is_link']
|
||||
html << %(<span class="page">#{link_to(part['title'], part['url'])}</span>)
|
||||
html << %(<span class="page">#{link_to(part['title'], part['url'])}</span>)
|
||||
elsif part['title'].to_i == paginate['current_page'].to_i
|
||||
html << %(<span class="page current">#{part['title']}</span>)
|
||||
html << %(<span class="page current">#{part['title']}</span>)
|
||||
else
|
||||
html << %(<span class="deco">#{part['title']}</span>)
|
||||
html << %(<span class="deco">#{part['title']}</span>)
|
||||
end
|
||||
|
||||
|
||||
end
|
||||
|
||||
html << %(<span class="next">#{link_to(paginate['next']['title'], paginate['next']['url'])}</span>) if paginate['next']
|
||||
html.join(' ')
|
||||
end
|
||||
|
||||
|
||||
# Accepts a number, and two words - one for singular, one for plural
|
||||
# Returns the singular word if input equals 1, otherwise plural
|
||||
def pluralize(input, singular, plural)
|
||||
input == 1 ? singular : plural
|
||||
end
|
||||
|
||||
|
||||
end
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
module TagFilter
|
||||
|
||||
def link_to_tag(label, tag)
|
||||
|
||||
def link_to_tag(label, tag)
|
||||
"<a title=\"Show tag #{tag}\" href=\"/collections/#{@context['handle']}/#{tag}\">#{label}</a>"
|
||||
end
|
||||
|
||||
|
||||
def highlight_active_tag(tag, css_class='active')
|
||||
if @context['current_tags'].include?(tag)
|
||||
"<span class=\"#{css_class}\">#{tag}</span>"
|
||||
@@ -12,14 +12,14 @@ module TagFilter
|
||||
end
|
||||
end
|
||||
|
||||
def link_to_add_tag(label, tag)
|
||||
def link_to_add_tag(label, tag)
|
||||
tags = (@context['current_tags'] + [tag]).uniq
|
||||
"<a title=\"Show tag #{tag}\" href=\"/collections/#{@context['handle']}/#{tags.join("+")}\">#{label}</a>"
|
||||
end
|
||||
|
||||
def link_to_remove_tag(label, tag)
|
||||
|
||||
def link_to_remove_tag(label, tag)
|
||||
tags = (@context['current_tags'] - [tag]).uniq
|
||||
"<a title=\"Show tag #{tag}\" href=\"/collections/#{@context['handle']}/#{tags.join("+")}\">#{label}</a>"
|
||||
end
|
||||
|
||||
|
||||
end
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
# Variants
|
||||
# =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
|
||||
|
||||
product_variants:
|
||||
product_variants:
|
||||
- &product-1-var-1
|
||||
id: 1
|
||||
title: 151cm / Normal
|
||||
@@ -13,7 +13,7 @@ product_variants:
|
||||
inventory_quantity: 5
|
||||
option1: 151cm
|
||||
option2: Normal
|
||||
option3:
|
||||
option3:
|
||||
- &product-1-var-2
|
||||
id: 2
|
||||
title: 155cm / Normal
|
||||
@@ -24,7 +24,7 @@ product_variants:
|
||||
inventory_quantity: 2
|
||||
option1: 155cm
|
||||
option2: Normal
|
||||
option3:
|
||||
option3:
|
||||
- &product-2-var-1
|
||||
id: 3
|
||||
title: 162cm
|
||||
@@ -34,19 +34,19 @@ product_variants:
|
||||
available: true
|
||||
inventory_quantity: 3
|
||||
option1: 162cm
|
||||
option2:
|
||||
option3:
|
||||
option2:
|
||||
option3:
|
||||
- &product-3-var-1
|
||||
id: 4
|
||||
title: 159cm
|
||||
price: 19900
|
||||
weight: 1000
|
||||
compare_at_price:
|
||||
compare_at_price:
|
||||
available: true
|
||||
inventory_quantity: 4
|
||||
option1: 159cm
|
||||
option2:
|
||||
option3:
|
||||
option2:
|
||||
option3:
|
||||
- &product-4-var-1
|
||||
id: 5
|
||||
title: 159cm
|
||||
@@ -56,8 +56,8 @@ product_variants:
|
||||
available: true
|
||||
inventory_quantity: 6
|
||||
option1: 159cm
|
||||
option2:
|
||||
option3:
|
||||
option2:
|
||||
option3:
|
||||
- &product-1-var-3
|
||||
id: 6
|
||||
title: 158cm / Wide
|
||||
@@ -74,12 +74,12 @@ product_variants:
|
||||
title: 162cm
|
||||
price: 19900
|
||||
weight: 1000
|
||||
compare_at_price:
|
||||
compare_at_price:
|
||||
available: false
|
||||
inventory_quantity: 0
|
||||
option1: 162cm
|
||||
option2:
|
||||
option3:
|
||||
option2:
|
||||
option3:
|
||||
- &product-3-var-3
|
||||
id: 8
|
||||
title: 165cm
|
||||
@@ -89,8 +89,8 @@ product_variants:
|
||||
available: true
|
||||
inventory_quantity: 4
|
||||
option1: 165cm
|
||||
option2:
|
||||
option3:
|
||||
option2:
|
||||
option3:
|
||||
- &product-5-var-1
|
||||
id: 9
|
||||
title: black / 42
|
||||
@@ -233,7 +233,7 @@ product_variants:
|
||||
inventory_quantity: 0
|
||||
option1: brown
|
||||
option2: medium
|
||||
option3:
|
||||
option3:
|
||||
- &product-8-var-3
|
||||
id: 22
|
||||
title: brown / large
|
||||
@@ -315,7 +315,7 @@ product_variants:
|
||||
# =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
|
||||
# Products
|
||||
# =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
|
||||
|
||||
|
||||
products:
|
||||
- &product-1
|
||||
id: 1
|
||||
@@ -327,27 +327,27 @@ products:
|
||||
price_max: 31900
|
||||
price_min: 23900
|
||||
price_varies: true
|
||||
available: true
|
||||
tags:
|
||||
available: true
|
||||
tags:
|
||||
- season2005
|
||||
- pro
|
||||
- intermediate
|
||||
- wooden
|
||||
- wooden
|
||||
- freestyle
|
||||
options:
|
||||
options:
|
||||
- Length
|
||||
- Style
|
||||
- Style
|
||||
compare_at_price: 49900
|
||||
compare_at_price_max: 50900
|
||||
compare_at_price_min: 49900
|
||||
compare_at_price_varies: true
|
||||
url: /products/arbor-draft
|
||||
featured_image: products/arbor_draft.jpg
|
||||
images:
|
||||
images:
|
||||
- products/arbor_draft.jpg
|
||||
description:
|
||||
description:
|
||||
The Arbor Draft snowboard wouldn't exist if Polynesians hadn't figured out how to surf hundreds of years ago. But the Draft does exist, and it's here to bring your urban and park riding to a new level. The board's freaky Tiki design pays homage to culture that inspired snowboarding. It's designed to spin with ease, land smoothly, lock hook-free onto rails, and take the abuse of a pavement pounding or twelve. The Draft will pop off kickers with authority and carve solidly across the pipe. The Draft features targeted Koa wood die cuts inlayed into the deck that enhance the flex pattern. Now bow down to riding's ancestors.
|
||||
variants:
|
||||
variants:
|
||||
- *product-1-var-1
|
||||
- *product-1-var-2
|
||||
- *product-1-var-3
|
||||
@@ -361,14 +361,14 @@ products:
|
||||
price_max: 29900
|
||||
price_min: 29900
|
||||
price_varies: false
|
||||
available: true
|
||||
tags:
|
||||
available: true
|
||||
tags:
|
||||
- season2005
|
||||
- pro
|
||||
- wooden
|
||||
- wooden
|
||||
- freestyle
|
||||
options:
|
||||
- Length
|
||||
- Length
|
||||
compare_at_price: 52900
|
||||
compare_at_price_max: 52900
|
||||
compare_at_price_min: 52900
|
||||
@@ -379,29 +379,29 @@ products:
|
||||
- products/element58.jpg
|
||||
description:
|
||||
The Element is a technically advanced all-mountain board for riders who readily transition from one terrain, snow condition, or riding style to another. Its balanced design provides the versatility needed for the true ride-it-all experience. The Element is exceedingly lively, freely initiates, and holds a tight edge at speed. Its structural real-wood topsheet is made with book-matched Koa.
|
||||
variants:
|
||||
variants:
|
||||
- *product-2-var-1
|
||||
|
||||
|
||||
- &product-3
|
||||
id: 3
|
||||
title: Comic ~ Pastel
|
||||
title: Comic ~ Pastel
|
||||
handle: comic-pastel
|
||||
type: Snowboards
|
||||
vendor: Technine
|
||||
price: 19900
|
||||
price_max: 22900
|
||||
price_min: 19900
|
||||
tags:
|
||||
tags:
|
||||
- season2006
|
||||
- beginner
|
||||
- intermediate
|
||||
- freestyle
|
||||
- freestyle
|
||||
- purple
|
||||
options:
|
||||
- Length
|
||||
price_varies: true
|
||||
available: true
|
||||
compare_at_price:
|
||||
available: true
|
||||
compare_at_price:
|
||||
compare_at_price_max: 0
|
||||
compare_at_price_min: 0
|
||||
compare_at_price_varies: false
|
||||
@@ -413,7 +413,7 @@ products:
|
||||
- products/technine_detail.jpg
|
||||
description:
|
||||
2005 Technine Comic Series Description The Comic series was developed to be the ultimate progressive freestyle board in the Technine line. Dependable edge control and a perfect flex pattern for jumping in the park or out of bounds. Landins and progression will come easy with this board and it will help your riding progress to the next level. Street rails, park jibs, backcountry booters and park jumps, this board will do it all.
|
||||
variants:
|
||||
variants:
|
||||
- *product-3-var-1
|
||||
- *product-3-var-2
|
||||
- *product-3-var-3
|
||||
@@ -428,12 +428,12 @@ products:
|
||||
price_max: 19900
|
||||
price_min: 19900
|
||||
price_varies: false
|
||||
available: true
|
||||
tags:
|
||||
available: true
|
||||
tags:
|
||||
- season2006
|
||||
- beginner
|
||||
- intermediate
|
||||
- freestyle
|
||||
- freestyle
|
||||
- orange
|
||||
options:
|
||||
- Length
|
||||
@@ -448,9 +448,9 @@ products:
|
||||
- products/technine4.jpg
|
||||
description:
|
||||
2005 Technine Comic Series Description The Comic series was developed to be the ultimate progressive freestyle board in the Technine line. Dependable edge control and a perfect flex pattern for jumping in the park or out of bounds. Landins and progression will come easy with this board and it will help your riding progress to the next level. Street rails, park jibs, backcountry booters and park jumps, this board will do it all.
|
||||
variants:
|
||||
variants:
|
||||
- *product-4-var-1
|
||||
|
||||
|
||||
- &product-5
|
||||
id: 5
|
||||
title: Burton Boots
|
||||
@@ -461,11 +461,11 @@ products:
|
||||
price_max: 11900
|
||||
price_min: 11900
|
||||
price_varies: false
|
||||
available: true
|
||||
tags:
|
||||
available: true
|
||||
tags:
|
||||
- season2006
|
||||
- beginner
|
||||
- intermediate
|
||||
- intermediate
|
||||
- boots
|
||||
options:
|
||||
- Color
|
||||
@@ -480,13 +480,13 @@ products:
|
||||
- products/burton.jpg
|
||||
description:
|
||||
The Burton boots are particularly well on snowboards. The very best thing about them is that the according picture is cubic. This makes testing in a Vision testing environment very easy.
|
||||
variants:
|
||||
variants:
|
||||
- *product-5-var-1
|
||||
- *product-5-var-2
|
||||
- *product-5-var-3
|
||||
- *product-5-var-4
|
||||
- *product-5-var-5
|
||||
- *product-5-var-6
|
||||
- *product-5-var-6
|
||||
|
||||
- &product-6
|
||||
id: 6
|
||||
@@ -498,17 +498,17 @@ products:
|
||||
price_max: 2179500
|
||||
price_min: 2179500
|
||||
price_varies: false
|
||||
available: true
|
||||
tags:
|
||||
available: true
|
||||
tags:
|
||||
- ducati
|
||||
- superbike
|
||||
- bike
|
||||
- bike
|
||||
- street
|
||||
- racing
|
||||
- performance
|
||||
- performance
|
||||
options:
|
||||
- Color
|
||||
compare_at_price:
|
||||
compare_at_price:
|
||||
compare_at_price_max: 0
|
||||
compare_at_price_min: 0
|
||||
compare_at_price_varies: false
|
||||
@@ -520,7 +520,7 @@ products:
|
||||
<h3>‘S’ PERFORMANCE</h3>
|
||||
<p>Producing 170hp (125kW) and with a dry weight of just 169kg (372.6lb), the new 1198 S now incorporates more World Superbike technology than ever before by taking the 1198 motor and adding top-of-the-range suspension, lightweight chassis components and a true racing-style traction control system designed for road use.</p>
|
||||
<p>The high performance, fully adjustable 43mm Öhlins forks, which sport low friction titanium nitride-treated fork sliders, respond effortlessly to every imperfection in the tarmac. Beyond their advanced engineering solutions, one of the most important characteristics of Öhlins forks is their ability to communicate the condition and quality of the tyre-to-road contact patch, a feature that puts every rider in superior control. The suspension set-up at the rear is complemented with a fully adjustable Öhlins rear shock equipped with a ride enhancing top-out spring and mounted to a single-sided swingarm for outstanding drive and traction. The front-to-rear Öhlins package is completed with a control-enhancing adjustable steering damper.</p>
|
||||
variants:
|
||||
variants:
|
||||
- *product-6-var-1
|
||||
|
||||
- &product-7
|
||||
@@ -533,17 +533,17 @@ products:
|
||||
price_max: 1900
|
||||
price_min: 1900
|
||||
price_varies: false
|
||||
available: true
|
||||
tags:
|
||||
available: true
|
||||
tags:
|
||||
- shopify
|
||||
- shirt
|
||||
- apparel
|
||||
- apparel
|
||||
- tshirt
|
||||
- clothing
|
||||
options:
|
||||
- Color
|
||||
- Size
|
||||
compare_at_price:
|
||||
compare_at_price:
|
||||
compare_at_price_max: 0
|
||||
compare_at_price_min: 0
|
||||
compare_at_price_varies: false
|
||||
@@ -554,11 +554,11 @@ products:
|
||||
description:
|
||||
<p>High Quality Shopify Shirt. Wear your e-commerce solution with pride and attract attention anywhere you go.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
variants:
|
||||
variants:
|
||||
- *product-7-var-1
|
||||
- *product-7-var-2
|
||||
- *product-7-var-3
|
||||
- *product-7-var-4
|
||||
- *product-7-var-4
|
||||
|
||||
- &product-8
|
||||
id: 8
|
||||
@@ -570,11 +570,11 @@ products:
|
||||
price_max: 5900
|
||||
price_min: 5900
|
||||
price_varies: false
|
||||
available: true
|
||||
tags:
|
||||
available: true
|
||||
tags:
|
||||
- sweater
|
||||
- hooded
|
||||
- apparel
|
||||
- apparel
|
||||
- clothing
|
||||
options:
|
||||
- Color
|
||||
@@ -591,11 +591,11 @@ products:
|
||||
description:
|
||||
<p>Extra comfortable zip up sweater. Durable quality, ideal for any outdoor activities.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
variants:
|
||||
variants:
|
||||
- *product-8-var-1
|
||||
- *product-8-var-2
|
||||
- *product-8-var-3
|
||||
- *product-8-var-4
|
||||
- *product-8-var-4
|
||||
- *product-8-var-5
|
||||
- *product-8-var-6
|
||||
|
||||
@@ -609,11 +609,11 @@ products:
|
||||
price_max: 552500
|
||||
price_min: 499995
|
||||
price_varies: true
|
||||
available: true
|
||||
tags:
|
||||
available: true
|
||||
tags:
|
||||
- camera
|
||||
- slr
|
||||
- nikon
|
||||
- nikon
|
||||
- professional
|
||||
options:
|
||||
- Bundle
|
||||
@@ -626,21 +626,21 @@ products:
|
||||
images:
|
||||
- products/d3.jpg
|
||||
- products/d3_2.jpg
|
||||
- products/d3_3.jpg
|
||||
- products/d3_3.jpg
|
||||
description:
|
||||
<p>Flagship pro D-SLR with a 12.1-MP FX-format CMOS sensor, blazing 9 fps shooting at full FX resolution and low-noise performance up to 6400 ISO.</p>
|
||||
<p><strong>Nikon's original 12.1-megapixel FX-format (23.9 x 36mm) CMOS sensor:</strong> Couple Nikon's exclusive digital image processing system with the 12.1-megapixel FX-format and you'll get breathtakingly rich images while also reducing noise to unprecedented levels with even higher ISOs.</p>
|
||||
<p><strong>Continuous shooting at up to 9 frames per second:</strong> At full FX resolution and up to 11fps in the DX crop mode, the D3 offers uncompromised shooting speeds for fast-action and sports photography.</p>
|
||||
variants:
|
||||
variants:
|
||||
- *product-9-var-1
|
||||
- *product-9-var-2
|
||||
- *product-9-var-3
|
||||
|
||||
|
||||
|
||||
# =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
|
||||
# Line Items
|
||||
# =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
|
||||
|
||||
|
||||
line_items:
|
||||
- &line_item-1
|
||||
id: 1
|
||||
@@ -661,7 +661,7 @@ line_items:
|
||||
quantity: 2
|
||||
variant: *product-4-var-1
|
||||
product: *product-4
|
||||
|
||||
|
||||
# =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
|
||||
# Link Lists
|
||||
# =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
|
||||
@@ -715,7 +715,7 @@ links:
|
||||
title: Catalog
|
||||
url: /collections/all
|
||||
|
||||
|
||||
|
||||
|
||||
# =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
|
||||
# Link Lists
|
||||
@@ -727,7 +727,7 @@ link_lists:
|
||||
title: 'Main Menu'
|
||||
handle: 'main-menu'
|
||||
links:
|
||||
- *link-12
|
||||
- *link-12
|
||||
- *link-5
|
||||
- *link-7
|
||||
- *link-8
|
||||
@@ -738,7 +738,7 @@ link_lists:
|
||||
links:
|
||||
- *link-5
|
||||
- *link-6
|
||||
|
||||
|
||||
# =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
|
||||
# Collections
|
||||
# =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
|
||||
@@ -759,7 +759,7 @@ collections:
|
||||
title: Arbor
|
||||
handle: arbor
|
||||
url: /collections/arbor
|
||||
products:
|
||||
products:
|
||||
- *product-1
|
||||
- *product-2
|
||||
|
||||
@@ -770,26 +770,26 @@ collections:
|
||||
url: /collections/snowboards
|
||||
description:
|
||||
<p>This is a description for my <strong>Snowboards</strong> collection.</p>
|
||||
products:
|
||||
products:
|
||||
- *product-1
|
||||
- *product-2
|
||||
- *product-3
|
||||
- *product-4
|
||||
|
||||
|
||||
- &collection-4
|
||||
id: 4
|
||||
title: Items On Sale
|
||||
handle: sale
|
||||
url: /collections/sale
|
||||
products:
|
||||
products:
|
||||
- *product-1
|
||||
|
||||
|
||||
- &collection-5
|
||||
id: 5
|
||||
title: Paginated Sale
|
||||
handle: 'paginated-sale'
|
||||
url: '/collections/paginated-sale'
|
||||
products:
|
||||
products:
|
||||
- *product-1
|
||||
- *product-2
|
||||
- *product-3
|
||||
@@ -801,7 +801,7 @@ collections:
|
||||
title: All products
|
||||
handle: 'all'
|
||||
url: '/collections/all'
|
||||
products:
|
||||
products:
|
||||
- *product-7
|
||||
- *product-8
|
||||
- *product-9
|
||||
@@ -812,7 +812,7 @@ collections:
|
||||
- *product-4
|
||||
- *product-5
|
||||
|
||||
|
||||
|
||||
# =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
|
||||
# Pages and Blogs
|
||||
# =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
|
||||
@@ -828,12 +828,12 @@ pages:
|
||||
<p>Our retail store is located at <em>Rue d'Avignon 32, Avignon (Provence)</em>.</p>
|
||||
<p><strong>Opening Hours:</strong><br />Monday through Friday: 9am - 6pm<br />Saturday: 10am - 3pm<br />Sunday: closed</p>"
|
||||
created_at: 2005-04-04 12:00
|
||||
|
||||
|
||||
- &page-3
|
||||
id: 2
|
||||
title: About Us
|
||||
handle: about-us
|
||||
url: /pages/about-us
|
||||
url: /pages/about-us
|
||||
author: Tobi
|
||||
content:
|
||||
"<p>Our company was founded in 1894 and we are since operating out of Avignon from the beautiful Provence.</p>
|
||||
@@ -848,12 +848,12 @@ pages:
|
||||
author: Tobi
|
||||
content: "<ul><li>Your order is safe with us. Our checkout uses industry standard security to protect your information.</li><li>Your order will be billed immediately upon checkout.</li><li><b>ALL SALES ARE FINAL:</b> Defective or damaged product will be exchanged</li><li>All orders are processed expediently: usually in under 24 hours.</li></ul>"
|
||||
created_at: 2005-04-04 12:00
|
||||
|
||||
|
||||
- &page-5
|
||||
id: 4
|
||||
title: Shipping and Handling
|
||||
handle: shipping
|
||||
url: /pages/shipping
|
||||
url: /pages/shipping
|
||||
author: Tobi
|
||||
content: <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
created_at: 2005-04-04 12:00
|
||||
@@ -862,7 +862,7 @@ pages:
|
||||
id: 5
|
||||
title: Frontpage
|
||||
handle: frontpage
|
||||
url: /pages/frontpage
|
||||
url: /pages/frontpage
|
||||
author: Tobi
|
||||
content: <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
created_at: 2005-04-04 12:00
|
||||
@@ -872,11 +872,11 @@ blogs:
|
||||
handle: news
|
||||
title: News
|
||||
url: /blogs/news
|
||||
articles:
|
||||
articles:
|
||||
- id: 3
|
||||
title: 'Welcome to the new Foo Shop'
|
||||
author: Daniel
|
||||
content: <p><strong>Welcome to your Shopify store! The jaded Pixel crew is really glad you decided to take Shopify for a spin.</strong></p><p>To help you get you started with Shopify, here are a couple of tips regarding what you see on this page.</p><p>The text you see here is an article. To edit this article, create new articles or create new pages you can go to the <a href="/admin/pages">Blogs & Pages</a> tab of the administration menu.</p><p>The Shopify t-shirt above is a product and selling products is what Shopify is all about. To edit this product, or create new products you can go to the <a href="/admin/products">Products Tab</a> in of the administration menu.</p><p>While you're looking around be sure to check out the <a href="/admin/collections">Collections</a> and <a href="/admin/links">Navigations</a> tabs and soon you will be well on your way to populating your site.</p><p>And of course don't forget to browse the <a href="admin/design/appearance/themes">theme gallery</a> to pick a new look for your shop!</p><p><strong>Shopify is in beta</strong><br />If you would like to make comments or suggestions please visit us in the <a href="http://forums.shopify.com/community">Shopify Forums</a> or drop us an <a href="mailto:feedback@shopify.com">email</a>.</p>
|
||||
content: <p><strong>Welcome to your Shopify store! The jaded Pixel crew is really glad you decided to take Shopify for a spin.</strong></p><p>To help you get you started with Shopify, here are a couple of tips regarding what you see on this page.</p><p>The text you see here is an article. To edit this article, create new articles or create new pages you can go to the <a href="/admin/pages">Blogs & Pages</a> tab of the administration menu.</p><p>The Shopify t-shirt above is a product and selling products is what Shopify is all about. To edit this product, or create new products you can go to the <a href="/admin/products">Products Tab</a> in of the administration menu.</p><p>While you're looking around be sure to check out the <a href="/admin/collections">Collections</a> and <a href="/admin/links">Navigations</a> tabs and soon you will be well on your way to populating your site.</p><p>And of course don't forget to browse the <a href="admin/design/appearance/themes">theme gallery</a> to pick a new look for your shop!</p><p><strong>Shopify is in beta</strong><br />If you would like to make comments or suggestions please visit us in the <a href="http://forums.shopify.com/community">Shopify Forums</a> or drop us an <a href="mailto:feedback@shopify.com">email</a>.</p>
|
||||
created_at: 2005-04-04 16:00
|
||||
- id: 4
|
||||
title: 'Breaking News: Restock on all sales products'
|
||||
@@ -884,7 +884,7 @@ blogs:
|
||||
content: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
created_at: 2005-04-04 12:00
|
||||
articles_count: 2
|
||||
|
||||
|
||||
- id: 2
|
||||
handle: bigcheese-blog
|
||||
title: Bigcheese blog
|
||||
@@ -896,7 +896,7 @@ blogs:
|
||||
content: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
created_at: 2005-04-04 16:00
|
||||
comments:
|
||||
-
|
||||
-
|
||||
id: 1
|
||||
author: John Smith
|
||||
email: john@smith.com
|
||||
@@ -905,7 +905,7 @@ blogs:
|
||||
created_at: 2009-01-01 12:00
|
||||
updated_at: 2009-02-01 12:00
|
||||
url: ""
|
||||
-
|
||||
-
|
||||
id: 2
|
||||
author: John Jones
|
||||
email: john@jones.com
|
||||
@@ -921,22 +921,22 @@ blogs:
|
||||
created_at: 2005-04-06 12:00
|
||||
comments:
|
||||
articles_count: 2
|
||||
comments_enabled?: true
|
||||
comments_enabled?: true
|
||||
comment_post_url: ""
|
||||
comments_count: 2
|
||||
moderated?: true
|
||||
moderated?: true
|
||||
|
||||
- id: 3
|
||||
handle: paginated-blog
|
||||
title: Paginated blog
|
||||
url: /blogs/paginated-blog
|
||||
articles:
|
||||
articles:
|
||||
- id: 6
|
||||
title: 'One thing you probably did not know yet...'
|
||||
author: Justin
|
||||
content: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
created_at: 2005-04-04 16:00
|
||||
|
||||
|
||||
- id: 7
|
||||
title: Fascinating
|
||||
author: Tobi
|
||||
|
||||
@@ -3,9 +3,9 @@ module WeightFilter
|
||||
def weight(grams)
|
||||
sprintf("%.2f", grams / 1000)
|
||||
end
|
||||
|
||||
|
||||
def weight_with_unit(grams)
|
||||
"#{weight(grams)} kg"
|
||||
end
|
||||
|
||||
end
|
||||
end
|
||||
|
||||
end
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
|
||||
<div class="article-body textile">
|
||||
{{ article.content }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -12,27 +12,27 @@
|
||||
{% if blog.comments_enabled? %}
|
||||
<div id="comments">
|
||||
<h3>Comments</h3>
|
||||
|
||||
|
||||
<!-- List all comments -->
|
||||
<ul id="comment-list">
|
||||
{% for comment in article.comments %}
|
||||
<li>
|
||||
<div class="comment-details">
|
||||
<span class="comment-author">{{ comment.author }}</span> said on <span class="comment-date">{{ comment.created_at | date: "%B %d, %Y" }}</span>:
|
||||
<div class="comment-details">
|
||||
<span class="comment-author">{{ comment.author }}</span> said on <span class="comment-date">{{ comment.created_at | date: "%B %d, %Y" }}</span>:
|
||||
</div>
|
||||
|
||||
<div class="comment">
|
||||
{{ comment.content }}
|
||||
</div>
|
||||
</li>
|
||||
</div>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
|
||||
<!-- Comment Form -->
|
||||
<div id="comment-form">
|
||||
{% form article %}
|
||||
<h3>Leave a comment</h3>
|
||||
|
||||
|
||||
<!-- Check if a comment has been submitted in the last request, and if yes display an appropriate message -->
|
||||
{% if form.posted_successfully? %}
|
||||
{% if blog.moderated? %}
|
||||
@@ -44,11 +44,11 @@
|
||||
<div class="notice">Successfully posted your comment.</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
|
||||
{% if form.errors %}
|
||||
<div class="notice error">Not all the fields have been filled out correctly!</div>
|
||||
{% endif %}
|
||||
|
||||
|
||||
<dl>
|
||||
<dt class="{% if form.errors contains 'author' %}error{% endif %}"><label for="comment_author">Your name</label></dt>
|
||||
<dd><input type="text" id="comment_author" name="comment[author]" size="40" value="{{form.author}}" class="{% if form.errors contains 'author' %}input-error{% endif %}" /></dd>
|
||||
@@ -59,16 +59,16 @@
|
||||
<dt class="{% if form.errors contains 'body' %}error{% endif %}"><label for="comment_body">Your comment</label></dt>
|
||||
<dd><textarea id="comment_body" name="comment[body]" cols="40" rows="5" class="{% if form.errors contains 'body' %}input-error{% endif %}">{{form.body}}</textarea></dd>
|
||||
</dl>
|
||||
|
||||
|
||||
{% if blog.moderated? %}
|
||||
<p class="hint">comments have to be approved before showing up</p>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
<input type="submit" value="Post comment" id="comment-submit" />
|
||||
{% endform %}
|
||||
</div>
|
||||
<!-- END Comment Form -->
|
||||
|
||||
|
||||
</div>
|
||||
{% endif %}
|
||||
<!-- END Comments -->
|
||||
<!-- END Comments -->
|
||||
|
||||
@@ -1,33 +1,33 @@
|
||||
<div id="page">
|
||||
<h2>{{page.title}}</h2>
|
||||
|
||||
{% paginate blog.articles by 20 %}
|
||||
|
||||
{% for article in blog.articles %}
|
||||
|
||||
<div class="article">
|
||||
<div class="headline">
|
||||
<h3 class="title">
|
||||
<a href="{{article.url}}">{{ article.title }}</a>
|
||||
</h3>
|
||||
<h4 class="date">Posted on {{ article.created_at | date: "%B %d, '%y" }} by {{ article.author }}.</h4>
|
||||
</div>
|
||||
|
||||
<div class="article-body textile">
|
||||
{{ article.content | strip_html | truncate: 250 }}
|
||||
</div>
|
||||
|
||||
{% if blog.comments_enabled? %}
|
||||
<p style="text-align: right"><a href="{{article.url}}#comments">{{ article.comments_count }} comments</a></p>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% endfor %}
|
||||
|
||||
<div id="pagination">
|
||||
{{ paginate | default_pagination }}
|
||||
</div>
|
||||
|
||||
{% endpaginate %}
|
||||
|
||||
</div>
|
||||
<div id="page">
|
||||
<h2>{{page.title}}</h2>
|
||||
|
||||
{% paginate blog.articles by 20 %}
|
||||
|
||||
{% for article in blog.articles %}
|
||||
|
||||
<div class="article">
|
||||
<div class="headline">
|
||||
<h3 class="title">
|
||||
<a href="{{article.url}}">{{ article.title }}</a>
|
||||
</h3>
|
||||
<h4 class="date">Posted on {{ article.created_at | date: "%B %d, '%y" }} by {{ article.author }}.</h4>
|
||||
</div>
|
||||
|
||||
<div class="article-body textile">
|
||||
{{ article.content | strip_html | truncate: 250 }}
|
||||
</div>
|
||||
|
||||
{% if blog.comments_enabled? %}
|
||||
<p style="text-align: right"><a href="{{article.url}}#comments">{{ article.comments_count }} comments</a></p>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% endfor %}
|
||||
|
||||
<div id="pagination">
|
||||
{{ paginate | default_pagination }}
|
||||
</div>
|
||||
|
||||
{% endpaginate %}
|
||||
|
||||
</div>
|
||||
|
||||
@@ -1,66 +1,66 @@
|
||||
<script type="text/javascript">
|
||||
function remove_item(id) {
|
||||
document.getElementById('updates_'+id).value = 0;
|
||||
document.getElementById('cartform').submit();
|
||||
}
|
||||
</script>
|
||||
|
||||
<div>
|
||||
|
||||
{% if cart.item_count == 0 %}
|
||||
<h4>Your shopping cart is looking rather empty...</h4>
|
||||
{% else %}
|
||||
<form action="/cart" method="post" id="cartform">
|
||||
|
||||
<div id="cart">
|
||||
|
||||
<h3>You have {{ cart.item_count }} {{ cart.item_count | pluralize: 'product', 'products' }} in here!</h3>
|
||||
|
||||
<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}} Page"><img src="{{item.product.featured_image | product_img_url: 'thumb' }}" alt="{{item.title | escape }}" /></a>
|
||||
</div></div>
|
||||
<h3 style="padding-right: 150px">
|
||||
<a href="{{item.product.url}}" title="View {{item.title | escape }} Page">
|
||||
{{ item.title }}
|
||||
{% if item.variant.available == true %}
|
||||
({{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">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 }}" /></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 %}
|
||||
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
function remove_item(id) {
|
||||
document.getElementById('updates_'+id).value = 0;
|
||||
document.getElementById('cartform').submit();
|
||||
}
|
||||
</script>
|
||||
|
||||
<div>
|
||||
|
||||
{% if cart.item_count == 0 %}
|
||||
<h4>Your shopping cart is looking rather empty...</h4>
|
||||
{% else %}
|
||||
<form action="/cart" method="post" id="cartform">
|
||||
|
||||
<div id="cart">
|
||||
|
||||
<h3>You have {{ cart.item_count }} {{ cart.item_count | pluralize: 'product', 'products' }} in here!</h3>
|
||||
|
||||
<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}} Page"><img src="{{item.product.featured_image | product_img_url: 'thumb' }}" alt="{{item.title | escape }}" /></a>
|
||||
</div></div>
|
||||
<h3 style="padding-right: 150px">
|
||||
<a href="{{item.product.url}}" title="View {{item.title | escape }} Page">
|
||||
{{ item.title }}
|
||||
{% if item.variant.available == true %}
|
||||
({{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">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 }}" /></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 %}
|
||||
|
||||
</div>
|
||||
|
||||
@@ -1,22 +1,22 @@
|
||||
{% paginate collection.products by 20 %}
|
||||
|
||||
<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="description">
|
||||
<h3><a href="{{product.url}}">{{product.title}}</a></h3>
|
||||
<p>{{ product.description | strip_html | truncatewords: 35 }}</p>
|
||||
<p class="money">{{ product.price_min | money }}{% if product.price_varies %} - {{ product.price_max | money }}{% endif %}</p>
|
||||
</div>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
<div id="pagination">
|
||||
{{ paginate | default_pagination }}
|
||||
</div>
|
||||
|
||||
{% endpaginate %}
|
||||
{% paginate collection.products by 20 %}
|
||||
|
||||
<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="description">
|
||||
<h3><a href="{{product.url}}">{{product.title}}</a></h3>
|
||||
<p>{{ product.description | strip_html | truncatewords: 35 }}</p>
|
||||
<p class="money">{{ product.price_min | money }}{% if product.price_varies %} - {{ product.price_max | money }}{% endif %}</p>
|
||||
</div>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
<div id="pagination">
|
||||
{{ paginate | default_pagination }}
|
||||
</div>
|
||||
|
||||
{% endpaginate %}
|
||||
|
||||
@@ -1,47 +1,47 @@
|
||||
<div id="frontproducts"><div id="frontproducts-top"><div id="frontproducts-bottom">
|
||||
<h2 style="display: none;">Featured Items</h2>
|
||||
{% for product in collections.frontpage.products limit:1 offset:0 %}
|
||||
<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 | strip_html | truncatewords: 18 }}</div>
|
||||
<p class="money">{{ product.price_min | money }}</p>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% for product in collections.frontpage.products offset:1 %}
|
||||
<div class="product">
|
||||
<a href="{{ product.url }}"><img src="{{ product.featured_image | product_img_url: 'thumb' }}" alt="{{ product.title | escape }}" /></a>
|
||||
<h3><a href="{{ product.url }}">{{ product.title }}</a></h3>
|
||||
<p class="money">{{ product.price_min | money }}</p>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div></div></div>
|
||||
|
||||
<div id="mainarticle">
|
||||
{% assign article = pages.frontpage %}
|
||||
|
||||
{% if article.content != "" %}
|
||||
<h2>{{ article.title }}</h2>
|
||||
<div class="article-body textile">
|
||||
{{ article.content }}
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="article-body 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 %}
|
||||
|
||||
</div>
|
||||
<br style="clear: both;" />
|
||||
<div id="articles">
|
||||
{% for article in blogs.news.articles offset:1 %}
|
||||
<div class="article">
|
||||
<h2>{{ article.title }}</h2>
|
||||
<div class="article-body textile">
|
||||
{{ article.content }}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<div id="frontproducts"><div id="frontproducts-top"><div id="frontproducts-bottom">
|
||||
<h2 style="display: none;">Featured Items</h2>
|
||||
{% for product in collections.frontpage.products limit:1 offset:0 %}
|
||||
<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 | strip_html | truncatewords: 18 }}</div>
|
||||
<p class="money">{{ product.price_min | money }}</p>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% for product in collections.frontpage.products offset:1 %}
|
||||
<div class="product">
|
||||
<a href="{{ product.url }}"><img src="{{ product.featured_image | product_img_url: 'thumb' }}" alt="{{ product.title | escape }}" /></a>
|
||||
<h3><a href="{{ product.url }}">{{ product.title }}</a></h3>
|
||||
<p class="money">{{ product.price_min | money }}</p>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div></div></div>
|
||||
|
||||
<div id="mainarticle">
|
||||
{% assign article = pages.frontpage %}
|
||||
|
||||
{% if article.content != "" %}
|
||||
<h2>{{ article.title }}</h2>
|
||||
<div class="article-body textile">
|
||||
{{ article.content }}
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="article-body 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 %}
|
||||
|
||||
</div>
|
||||
<br style="clear: both;" />
|
||||
<div id="articles">
|
||||
{% for article in blogs.news.articles offset:1 %}
|
||||
<div class="article">
|
||||
<h2>{{ article.title }}</h2>
|
||||
<div class="article-body textile">
|
||||
{{ article.content }}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
|
||||
@@ -5,4 +5,4 @@
|
||||
{{page.content}}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,68 +1,68 @@
|
||||
<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">
|
||||
<img src="{{ image | product_img_url: 'medium'}}" alt="{{product.title | escape }}" />
|
||||
</a>
|
||||
{% else %}
|
||||
<a href="{{ image | product_img_url: 'large' }}" class="productimage-small" rel="lightbox">
|
||||
<img src="{{ image | product_img_url: 'small'}}" alt="{{product.title | escape }}" />
|
||||
</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div></div></div>
|
||||
|
||||
<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="variant-add">
|
||||
<form action="/cart/add" method="post">
|
||||
|
||||
<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 id="price-field" class="price"></div>
|
||||
|
||||
<div style="text-align:center;"><input type="image" name="add" value="Add to Cart" id="add" src="{{ 'addtocart.gif' | asset_url }}" /></div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="description textile">
|
||||
{{ product.description }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
<!--
|
||||
// prototype callback for multi variants dropdown selector
|
||||
var selectCallback = function(variant, selector) {
|
||||
if (variant && variant.available == true) {
|
||||
// selected a valid variant
|
||||
$('add').removeClassName('disabled'); // remove unavailable class from add-to-cart button
|
||||
$('add').disabled = false; // reenable add-to-cart button
|
||||
$('price-field').innerHTML = Shopify.formatMoney(variant.price, "{{shop.money_with_currency_format}}"); // update price field
|
||||
} else {
|
||||
// variant doesn't exist
|
||||
$('add').addClassName('disabled'); // set add-to-cart button to unavailable class
|
||||
$('add').disabled = true; // disable add-to-cart button
|
||||
$('price-field').innerHTML = (variant) ? "Sold Out" : "Unavailable"; // update price-field message
|
||||
}
|
||||
};
|
||||
|
||||
// initialize multi selector for product
|
||||
Event.observe(document, 'dom:loaded', function() {
|
||||
new Shopify.OptionSelectors("variant-select", { product: {{ product | json }}, onVariantSelected: selectCallback });
|
||||
});
|
||||
-->
|
||||
</script>
|
||||
<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">
|
||||
<img src="{{ image | product_img_url: 'medium'}}" alt="{{product.title | escape }}" />
|
||||
</a>
|
||||
{% else %}
|
||||
<a href="{{ image | product_img_url: 'large' }}" class="productimage-small" rel="lightbox">
|
||||
<img src="{{ image | product_img_url: 'small'}}" alt="{{product.title | escape }}" />
|
||||
</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div></div></div>
|
||||
|
||||
<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="variant-add">
|
||||
<form action="/cart/add" method="post">
|
||||
|
||||
<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 id="price-field" class="price"></div>
|
||||
|
||||
<div style="text-align:center;"><input type="image" name="add" value="Add to Cart" id="add" src="{{ 'addtocart.gif' | asset_url }}" /></div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="description textile">
|
||||
{{ product.description }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
<!--
|
||||
// prototype callback for multi variants dropdown selector
|
||||
var selectCallback = function(variant, selector) {
|
||||
if (variant && variant.available == true) {
|
||||
// selected a valid variant
|
||||
$('add').removeClassName('disabled'); // remove unavailable class from add-to-cart button
|
||||
$('add').disabled = false; // reenable add-to-cart button
|
||||
$('price-field').innerHTML = Shopify.formatMoney(variant.price, "{{shop.money_with_currency_format}}"); // update price field
|
||||
} else {
|
||||
// variant doesn't exist
|
||||
$('add').addClassName('disabled'); // set add-to-cart button to unavailable class
|
||||
$('add').disabled = true; // disable add-to-cart button
|
||||
$('price-field').innerHTML = (variant) ? "Sold Out" : "Unavailable"; // update price-field message
|
||||
}
|
||||
};
|
||||
|
||||
// initialize multi selector for product
|
||||
Event.observe(document, 'dom:loaded', function() {
|
||||
new Shopify.OptionSelectors("variant-select", { product: {{ product | json }}, onVariantSelected: selectCallback });
|
||||
});
|
||||
-->
|
||||
</script>
|
||||
|
||||
@@ -1,105 +1,105 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
<title>{{shop.name}} - {{page_title}}</title>
|
||||
|
||||
{{ 'textile.css' | global_asset_url | stylesheet_tag }}
|
||||
{{ 'lightbox/v204/lightbox.css' | global_asset_url | stylesheet_tag }}
|
||||
|
||||
{{ 'prototype/1.6/prototype.js' | global_asset_url | script_tag }}
|
||||
{{ 'scriptaculous/1.8.2/scriptaculous.js' | global_asset_url | script_tag }}
|
||||
{{ 'lightbox/v204/lightbox.js' | global_asset_url | script_tag }}
|
||||
{{ 'option_selection.js' | shopify_asset_url | script_tag }}
|
||||
|
||||
{{ 'layout.css' | asset_url | stylesheet_tag }}
|
||||
{{ 'shop.js' | asset_url | script_tag }}
|
||||
|
||||
{{ content_for_header }}
|
||||
</head>
|
||||
|
||||
<body id="page-{{template}}">
|
||||
|
||||
<p class="hide"><a href="#rightsiders">Skip to navigation.</a></p>
|
||||
<!-- mini cart -->
|
||||
{% if cart.item_count > 0 %}
|
||||
<div id="minicart" style="display:none;"><div id="minicart-inner">
|
||||
<div id="minicart-items">
|
||||
<h2>There {{ cart.item_count | pluralize: 'is', 'are' }} {{ cart.item_count }} {{ cart.item_count | pluralize: 'item', 'items' }} in <a href="/cart" title="View your cart">your cart</a>!</h2><h4 style="font-size: 16px; margin: 0 0 10px 0; padding: 0;">Your subtotal is {{ cart.total_price | money }}.</h4>
|
||||
{% for item in cart.items %}
|
||||
<div class="thumb">
|
||||
<div class="prodimage"><a href="{{item.product.url}}" onMouseover="tooltip('{{ item.quantity }} x {{ item.title }} ({{ item.variant.title }})', 200)"; onMouseout="hidetooltip()"><img src="{{ item.product.featured_image | product_img_url: 'thumb' }}" /></a></div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<br style="clear:both;" />
|
||||
</div></div>
|
||||
{% endif %}
|
||||
|
||||
<div id="container">
|
||||
<div id="header">
|
||||
<!-- Begin Header -->
|
||||
<h1 id="logo"><a href="/" title="Go Home">{{shop.name}}</a></h1>
|
||||
<div id="cartlinks">
|
||||
{% if cart.item_count > 0 %}
|
||||
<h2 id="cartcount"><a href="/cart" onMouseover="tooltip('There {{ cart.item_count | pluralize: 'is', 'are' }} {{ cart.item_count }} {{ cart.item_count | pluralize: 'item', 'items' }} in your cart!', 200)"; onMouseout="hidetooltip()">{{ cart.item_count }} {{ cart.item_count | pluralize: 'thing', 'things' }}!</a></h2>
|
||||
<a href="/cart" id="minicartswitch" onclick="superSwitch(this, 'minicart', 'Close Mini Cart'); return false;" id="cartswitch">View Mini Cart ({{ cart.total_price | money }})</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<!-- End Header -->
|
||||
|
||||
</div>
|
||||
<hr />
|
||||
<div id="main">
|
||||
|
||||
<div id="content">
|
||||
<div id="innercontent">
|
||||
{{ content_for_layout }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
<div id="rightsiders">
|
||||
|
||||
<ul class="rightlinks">
|
||||
{% for link in linklists.main-menu.links %}
|
||||
<li>{{ link.title | link_to: link.url }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
{% if tags %}
|
||||
<ul class="rightlinks">
|
||||
{% for tag in collection.tags %}
|
||||
<li><span class="add-link">{{ '+' | link_to_add_tag: tag }}</span>{{ tag | highlight_active_tag | link_to_tag: tag }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
|
||||
<ul class="rightlinks">
|
||||
{% for link in linklists.footer.links %}
|
||||
<li>{{ link.title | link_to: link.url }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
<hr /><br style="clear:both;" />
|
||||
|
||||
<div id="footer">
|
||||
<div class="footerinner">
|
||||
All prices are in {{ shop.currency }}.
|
||||
Powered by <a href="http://www.shopify.com" title="Shopify, Hosted E-Commerce">Shopify</a>.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="tooltip"></div>
|
||||
<img id="pointer" src="{{ 'arrow2.gif' | asset_url }}" />
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
<title>{{shop.name}} - {{page_title}}</title>
|
||||
|
||||
{{ 'textile.css' | global_asset_url | stylesheet_tag }}
|
||||
{{ 'lightbox/v204/lightbox.css' | global_asset_url | stylesheet_tag }}
|
||||
|
||||
{{ 'prototype/1.6/prototype.js' | global_asset_url | script_tag }}
|
||||
{{ 'scriptaculous/1.8.2/scriptaculous.js' | global_asset_url | script_tag }}
|
||||
{{ 'lightbox/v204/lightbox.js' | global_asset_url | script_tag }}
|
||||
{{ 'option_selection.js' | shopify_asset_url | script_tag }}
|
||||
|
||||
{{ 'layout.css' | asset_url | stylesheet_tag }}
|
||||
{{ 'shop.js' | asset_url | script_tag }}
|
||||
|
||||
{{ content_for_header }}
|
||||
</head>
|
||||
|
||||
<body id="page-{{template}}">
|
||||
|
||||
<p class="hide"><a href="#rightsiders">Skip to navigation.</a></p>
|
||||
<!-- mini cart -->
|
||||
{% if cart.item_count > 0 %}
|
||||
<div id="minicart" style="display:none;"><div id="minicart-inner">
|
||||
<div id="minicart-items">
|
||||
<h2>There {{ cart.item_count | pluralize: 'is', 'are' }} {{ cart.item_count }} {{ cart.item_count | pluralize: 'item', 'items' }} in <a href="/cart" title="View your cart">your cart</a>!</h2><h4 style="font-size: 16px; margin: 0 0 10px 0; padding: 0;">Your subtotal is {{ cart.total_price | money }}.</h4>
|
||||
{% for item in cart.items %}
|
||||
<div class="thumb">
|
||||
<div class="prodimage"><a href="{{item.product.url}}" onMouseover="tooltip('{{ item.quantity }} x {{ item.title }} ({{ item.variant.title }})', 200)"; onMouseout="hidetooltip()"><img src="{{ item.product.featured_image | product_img_url: 'thumb' }}" /></a></div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<br style="clear:both;" />
|
||||
</div></div>
|
||||
{% endif %}
|
||||
|
||||
<div id="container">
|
||||
<div id="header">
|
||||
<!-- Begin Header -->
|
||||
<h1 id="logo"><a href="/" title="Go Home">{{shop.name}}</a></h1>
|
||||
<div id="cartlinks">
|
||||
{% if cart.item_count > 0 %}
|
||||
<h2 id="cartcount"><a href="/cart" onMouseover="tooltip('There {{ cart.item_count | pluralize: 'is', 'are' }} {{ cart.item_count }} {{ cart.item_count | pluralize: 'item', 'items' }} in your cart!', 200)"; onMouseout="hidetooltip()">{{ cart.item_count }} {{ cart.item_count | pluralize: 'thing', 'things' }}!</a></h2>
|
||||
<a href="/cart" id="minicartswitch" onclick="superSwitch(this, 'minicart', 'Close Mini Cart'); return false;" id="cartswitch">View Mini Cart ({{ cart.total_price | money }})</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<!-- End Header -->
|
||||
|
||||
</div>
|
||||
<hr />
|
||||
<div id="main">
|
||||
|
||||
<div id="content">
|
||||
<div id="innercontent">
|
||||
{{ content_for_layout }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
<div id="rightsiders">
|
||||
|
||||
<ul class="rightlinks">
|
||||
{% for link in linklists.main-menu.links %}
|
||||
<li>{{ link.title | link_to: link.url }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
{% if tags %}
|
||||
<ul class="rightlinks">
|
||||
{% for tag in collection.tags %}
|
||||
<li><span class="add-link">{{ '+' | link_to_add_tag: tag }}</span>{{ tag | highlight_active_tag | link_to_tag: tag }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
|
||||
<ul class="rightlinks">
|
||||
{% for link in linklists.footer.links %}
|
||||
<li>{{ link.title | link_to: link.url }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
<hr /><br style="clear:both;" />
|
||||
|
||||
<div id="footer">
|
||||
<div class="footerinner">
|
||||
All prices are in {{ shop.currency }}.
|
||||
Powered by <a href="http://www.shopify.com" title="Shopify, Hosted E-Commerce">Shopify</a>.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="tooltip"></div>
|
||||
<img id="pointer" src="{{ 'arrow2.gif' | asset_url }}" />
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
|
||||
<div class="article-body textile">
|
||||
{{ article.content }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
{% if blog.comments_enabled? %}
|
||||
<div id="comments">
|
||||
<h3>Comments</h3>
|
||||
|
||||
|
||||
<!-- List all comments -->
|
||||
<ul id="comment-list">
|
||||
{% for comment in article.comments %}
|
||||
@@ -20,19 +20,19 @@
|
||||
<div class="comment">
|
||||
{{ comment.content }}
|
||||
</div>
|
||||
|
||||
<div class="comment-details">
|
||||
Posted by {{ comment.author }} on {{ comment.created_at | date: "%B %d, %Y" }}
|
||||
|
||||
<div class="comment-details">
|
||||
Posted by {{ comment.author }} on {{ comment.created_at | date: "%B %d, %Y" }}
|
||||
</div>
|
||||
</li>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
|
||||
<!-- Comment Form -->
|
||||
<div id="comment-form">
|
||||
{% form article %}
|
||||
<h3>Leave a comment</h3>
|
||||
|
||||
|
||||
<!-- Check if a comment has been submitted in the last request, and if yes display an appropriate message -->
|
||||
{% if form.posted_successfully? %}
|
||||
{% if blog.moderated? %}
|
||||
@@ -44,11 +44,11 @@
|
||||
<div class="notice">Successfully posted your comment.</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
|
||||
{% if form.errors %}
|
||||
<div class="notice error">Not all the fields have been filled out correctly!</div>
|
||||
{% endif %}
|
||||
|
||||
|
||||
<dl>
|
||||
<dt class="{% if form.errors contains 'author' %}error{% endif %}"><label for="comment_author">Your name</label></dt>
|
||||
<dd><input type="text" id="comment_author" name="comment[author]" size="40" value="{{form.author}}" class="{% if form.errors contains 'author' %}input-error{% endif %}" /></dd>
|
||||
@@ -59,16 +59,16 @@
|
||||
<dt class="{% if form.errors contains 'body' %}error{% endif %}"><label for="comment_body">Your comment</label></dt>
|
||||
<dd><textarea id="comment_body" name="comment[body]" cols="40" rows="5" class="{% if form.errors contains 'body' %}input-error{% endif %}">{{form.body}}</textarea></dd>
|
||||
</dl>
|
||||
|
||||
|
||||
{% if blog.moderated? %}
|
||||
<p class="hint">comments have to be approved before showing up</p>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
<input type="submit" value="Post comment" id="comment-submit" />
|
||||
{% endform %}
|
||||
</div>
|
||||
<!-- END Comment Form -->
|
||||
|
||||
|
||||
</div>
|
||||
{% endif %}
|
||||
<!-- END Comments -->
|
||||
<!-- END Comments -->
|
||||
|
||||
@@ -1,13 +1,13 @@
|
||||
<div id="blog-page">
|
||||
<h2 class="heading-shaded">{{page.title}}</h2>
|
||||
{% for article in blog.articles %}
|
||||
<h4>
|
||||
{{ article.created_at | date: '%d %b' }}
|
||||
<a href="{{article.url}}">{{ article.title }}</a>
|
||||
</h4>
|
||||
{{ article.content }}
|
||||
{% if blog.comments_enabled? %}
|
||||
<p><a href="{{article.url}}#comments">{{ article.comments_count }} comments</a></p>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
<div id="blog-page">
|
||||
<h2 class="heading-shaded">{{page.title}}</h2>
|
||||
{% for article in blog.articles %}
|
||||
<h4>
|
||||
{{ article.created_at | date: '%d %b' }}
|
||||
<a href="{{article.url}}">{{ article.title }}</a>
|
||||
</h4>
|
||||
{{ article.content }}
|
||||
{% if blog.comments_enabled? %}
|
||||
<p><a href="{{article.url}}#comments">{{ article.comments_count }} comments</a></p>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
@@ -7,9 +7,9 @@
|
||||
|
||||
<div id="cart-page">
|
||||
|
||||
{% if cart.item_count == 0 %}
|
||||
{% if cart.item_count == 0 %}
|
||||
<p>Your shopping cart is empty...</p>
|
||||
<p><a href="/"><img src="{{ 'continue_shopping_icon.gif' | asset_url }}" alt="Continue shopping"/></a><p>
|
||||
<p><a href="/"><img src="{{ 'continue_shopping_icon.gif' | asset_url }}" alt="Continue shopping"/></a><p>
|
||||
{% else %}
|
||||
|
||||
<form action="/cart" method="post" id="cart">
|
||||
@@ -26,21 +26,21 @@
|
||||
{% for item in cart.items %}
|
||||
<tr class="{% cycle 'odd', 'even' %}">
|
||||
<td class="short">{{ item.product.featured_image | product_img_url: 'thumb' | img_tag }}</td>
|
||||
<td><a href="{{item.product.url}}">{{ item.title }}</a></td>
|
||||
<td><a href="{{item.product.url}}">{{ item.title }}</a></td>
|
||||
<td class="short"><input type="text" class="quantity" name="updates[{{item.variant.id}}]" id="updates_{{item.variant.id}}" value="{{item.quantity}}" onfocus="this.select();"/></td>
|
||||
<td class="cart-price">{{ item.price | money }}</td>
|
||||
<td class="cart-price">{{item.line_price | money }}</td>
|
||||
<td class="short"><a href="#" onclick="remove_item({{item.variant.id}}); return false;" class="remove"><img src="{{ 'cancel_icon.gif' | asset_url }}" alt="Remove" /></a></td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
<p class="updatebtn"><input type="image" value="Update Cart" name="update" src="{{ 'update_icon.gif' | asset_url }}" alt="Update" /></p>
|
||||
<p class="subtotal">
|
||||
<strong>Subtotal:</strong> {{cart.total_price | money_with_currency }}
|
||||
</p>
|
||||
</table>
|
||||
<p class="updatebtn"><input type="image" value="Update Cart" name="update" src="{{ 'update_icon.gif' | asset_url }}" alt="Update" /></p>
|
||||
<p class="subtotal">
|
||||
<strong>Subtotal:</strong> {{cart.total_price | money_with_currency }}
|
||||
</p>
|
||||
<p class="checkout"><input type="image" src="{{ 'checkout_icon.gif' | asset_url }}" alt="Proceed to Checkout" value="Proceed to Checkout" name="checkout" /></p>
|
||||
|
||||
{% if additional_checkout_buttons %}
|
||||
{% if additional_checkout_buttons %}
|
||||
<div class="additional-checkout-buttons">
|
||||
<p>- or -</p>
|
||||
{{ content_for_additional_checkout_buttons }}
|
||||
@@ -48,7 +48,7 @@
|
||||
{% endif %}
|
||||
|
||||
</form>
|
||||
|
||||
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,29 +1,29 @@
|
||||
<div id="collection-page">
|
||||
|
||||
{% if collection.description %}
|
||||
<div id="collection-description" class="textile">{{ collection.description }}</div>
|
||||
{% endif %}
|
||||
|
||||
{% paginate collection.products by 20 %}
|
||||
|
||||
<ul id="product-collection">
|
||||
{% for product in collection.products %}
|
||||
<li class="single-product clearfix">
|
||||
<div class="small">
|
||||
<div class="prod-image"><a href="{{product.url}}"><img src="{{ product.featured_image | product_img_url: 'small' }}" alt="{{ product.title | escape }}" /></a></div>
|
||||
</div>
|
||||
<div class="prod-list-description">
|
||||
<h3><a href="{{product.url}}">{{product.title}}</a></h3>
|
||||
<p>{{ product.description | strip_html | truncatewords: 35 }}</p>
|
||||
<p class="prd-price">{{ product.price_min | money }}{% if product.price_varies %} - {{ product.price_max | money }}{% endif %}</p>
|
||||
</div>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
<div id="pagination">
|
||||
{{ paginate | default_pagination }}
|
||||
</div>
|
||||
|
||||
{% endpaginate %}
|
||||
</div>
|
||||
<div id="collection-page">
|
||||
|
||||
{% if collection.description %}
|
||||
<div id="collection-description" class="textile">{{ collection.description }}</div>
|
||||
{% endif %}
|
||||
|
||||
{% paginate collection.products by 20 %}
|
||||
|
||||
<ul id="product-collection">
|
||||
{% for product in collection.products %}
|
||||
<li class="single-product clearfix">
|
||||
<div class="small">
|
||||
<div class="prod-image"><a href="{{product.url}}"><img src="{{ product.featured_image | product_img_url: 'small' }}" alt="{{ product.title | escape }}" /></a></div>
|
||||
</div>
|
||||
<div class="prod-list-description">
|
||||
<h3><a href="{{product.url}}">{{product.title}}</a></h3>
|
||||
<p>{{ product.description | strip_html | truncatewords: 35 }}</p>
|
||||
<p class="prd-price">{{ product.price_min | money }}{% if product.price_varies %} - {{ product.price_max | money }}{% endif %}</p>
|
||||
</div>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
<div id="pagination">
|
||||
{{ paginate | default_pagination }}
|
||||
</div>
|
||||
|
||||
{% endpaginate %}
|
||||
</div>
|
||||
|
||||
@@ -1,32 +1,32 @@
|
||||
<div id="home-page">
|
||||
<h3 class="heading-shaded">Featured products...</h3>
|
||||
<div class="featured-prod-row clearfix">
|
||||
{% for product in collections.frontpage.products %}
|
||||
<div class="featured-prod-item">
|
||||
<p>
|
||||
<a href="{{product.url}}"><img src="{{ product.featured_image | product_img_url: 'small' }}" alt="{{ product.title | escape }}"/></a>
|
||||
</p>
|
||||
<h4><a href="{{product.url}}">{{product.title}}</a></h4>
|
||||
{% if product.compare_at_price %}
|
||||
{% if product.price_min != product.compare_at_price %}
|
||||
<p class="prd-price">Was:<del>{{product.compare_at_price | money}}</del></p>
|
||||
<p class="prd-price"><ins>Now: {{product.price_min | money}}</ins></p>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<p class="prd-price"><ins>{{product.price_min | money}}</ins></p>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<div id="articles">
|
||||
{% assign article = pages.frontpage %}
|
||||
{% if article.content != "" %}
|
||||
<h3>{{ article.title }}</h3>
|
||||
{{ article.content }}
|
||||
{% else %}
|
||||
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" }}
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
<div id="home-page">
|
||||
<h3 class="heading-shaded">Featured products...</h3>
|
||||
<div class="featured-prod-row clearfix">
|
||||
{% for product in collections.frontpage.products %}
|
||||
<div class="featured-prod-item">
|
||||
<p>
|
||||
<a href="{{product.url}}"><img src="{{ product.featured_image | product_img_url: 'small' }}" alt="{{ product.title | escape }}"/></a>
|
||||
</p>
|
||||
<h4><a href="{{product.url}}">{{product.title}}</a></h4>
|
||||
{% if product.compare_at_price %}
|
||||
{% if product.price_min != product.compare_at_price %}
|
||||
<p class="prd-price">Was:<del>{{product.compare_at_price | money}}</del></p>
|
||||
<p class="prd-price"><ins>Now: {{product.price_min | money}}</ins></p>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<p class="prd-price"><ins>{{product.price_min | money}}</ins></p>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<div id="articles">
|
||||
{% assign article = pages.frontpage %}
|
||||
{% if article.content != "" %}
|
||||
<h3>{{ article.title }}</h3>
|
||||
{{ article.content }}
|
||||
{% else %}
|
||||
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" }}
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<div id="single-page">
|
||||
<h2 class="heading-shaded">{{page.title}}</h2>
|
||||
{{ page.content }}
|
||||
</div>
|
||||
<div id="single-page">
|
||||
<h2 class="heading-shaded">{{page.title}}</h2>
|
||||
{{ page.content }}
|
||||
</div>
|
||||
|
||||
@@ -1,75 +1,75 @@
|
||||
<div id="product-page">
|
||||
<h2 class="heading-shaded">{{ product.title }}</h2>
|
||||
<div id="product-details">
|
||||
<div id="product-images">
|
||||
{% for image in product.images %}
|
||||
{% if forloop.first %}
|
||||
<a href="{{ image | product_img_url: 'large' }}" class="product-image" rel="lightbox[ product]" title="">
|
||||
<img src="{{ image | product_img_url: 'medium'}}" alt="{{product.title | escape }}" />
|
||||
</a>
|
||||
{% else %}
|
||||
<a href="{{ image | product_img_url: 'large' }}" class="product-image-small" rel="lightbox[ product]" title="">
|
||||
<img src="{{ image | product_img_url: 'small'}}" alt="{{product.title | escape }}" />
|
||||
</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<ul id="product-info">
|
||||
<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="product-options">
|
||||
{% if product.available %}
|
||||
|
||||
<form action="/cart/add" method="post">
|
||||
|
||||
<select id="product-select" name='id'>
|
||||
{% for variant in product.variants %}
|
||||
<option value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
|
||||
<div id="price-field"></div>
|
||||
|
||||
<div class="add-to-cart"><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="product-description">
|
||||
{{ product.description }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
<!--
|
||||
// mootools callback for multi variants dropdown selector
|
||||
var selectCallback = function(variant, selector) {
|
||||
if (variant && variant.available == true) {
|
||||
// selected a valid variant
|
||||
$('add').removeClass('disabled'); // remove unavailable class from add-to-cart button
|
||||
$('add').disabled = false; // reenable add-to-cart button
|
||||
$('price-field').innerHTML = Shopify.formatMoney(variant.price, "{{shop.money_with_currency_format}}"); // update price field
|
||||
} else {
|
||||
// variant doesn't exist
|
||||
$('add').addClass('disabled'); // set add-to-cart button to unavailable class
|
||||
$('add').disabled = true; // disable add-to-cart button
|
||||
$('price-field').innerHTML = (variant) ? "Sold Out" : "Unavailable"; // update price-field message
|
||||
}
|
||||
};
|
||||
|
||||
// initialize multi selector for product
|
||||
window.addEvent('domready', function() {
|
||||
new Shopify.OptionSelectors("product-select", { product: {{ product | json }}, onVariantSelected: selectCallback });
|
||||
});
|
||||
-->
|
||||
</script>
|
||||
|
||||
<div id="product-page">
|
||||
<h2 class="heading-shaded">{{ product.title }}</h2>
|
||||
<div id="product-details">
|
||||
<div id="product-images">
|
||||
{% for image in product.images %}
|
||||
{% if forloop.first %}
|
||||
<a href="{{ image | product_img_url: 'large' }}" class="product-image" rel="lightbox[ product]" title="">
|
||||
<img src="{{ image | product_img_url: 'medium'}}" alt="{{product.title | escape }}" />
|
||||
</a>
|
||||
{% else %}
|
||||
<a href="{{ image | product_img_url: 'large' }}" class="product-image-small" rel="lightbox[ product]" title="">
|
||||
<img src="{{ image | product_img_url: 'small'}}" alt="{{product.title | escape }}" />
|
||||
</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<ul id="product-info">
|
||||
<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="product-options">
|
||||
{% if product.available %}
|
||||
|
||||
<form action="/cart/add" method="post">
|
||||
|
||||
<select id="product-select" name='id'>
|
||||
{% for variant in product.variants %}
|
||||
<option value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
|
||||
<div id="price-field"></div>
|
||||
|
||||
<div class="add-to-cart"><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="product-description">
|
||||
{{ product.description }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
<!--
|
||||
// mootools callback for multi variants dropdown selector
|
||||
var selectCallback = function(variant, selector) {
|
||||
if (variant && variant.available == true) {
|
||||
// selected a valid variant
|
||||
$('add').removeClass('disabled'); // remove unavailable class from add-to-cart button
|
||||
$('add').disabled = false; // reenable add-to-cart button
|
||||
$('price-field').innerHTML = Shopify.formatMoney(variant.price, "{{shop.money_with_currency_format}}"); // update price field
|
||||
} else {
|
||||
// variant doesn't exist
|
||||
$('add').addClass('disabled'); // set add-to-cart button to unavailable class
|
||||
$('add').disabled = true; // disable add-to-cart button
|
||||
$('price-field').innerHTML = (variant) ? "Sold Out" : "Unavailable"; // update price-field message
|
||||
}
|
||||
};
|
||||
|
||||
// initialize multi selector for product
|
||||
window.addEvent('domready', function() {
|
||||
new Shopify.OptionSelectors("product-select", { product: {{ product | json }}, onVariantSelected: selectCallback });
|
||||
});
|
||||
-->
|
||||
</script>
|
||||
|
||||
|
||||
@@ -1,85 +1,85 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<title>{{shop.name}} - {{page_title}}</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
|
||||
{{ 'main.css' | asset_url | stylesheet_tag }}
|
||||
{{ 'shop.js' | asset_url | script_tag }}
|
||||
|
||||
{{ 'mootools.js' | asset_url | script_tag }}
|
||||
{{ 'slimbox.js' | asset_url | script_tag }}
|
||||
{{ 'option_selection.js' | shopify_asset_url | script_tag }}
|
||||
{{ 'slimbox.css' | asset_url | stylesheet_tag }}
|
||||
|
||||
{{ content_for_header }}
|
||||
</head>
|
||||
|
||||
<body id="page-{{template}}">
|
||||
<p class="hide"><a href="#navigation">Skip to navigation.</a></p>
|
||||
<div id="wrapper">
|
||||
<div class="content clearfix">
|
||||
<div id="header">
|
||||
<h2><a href="/">{{shop.name}}</a></h2>
|
||||
</div>
|
||||
<div id="left-col">
|
||||
{{ content_for_layout }}
|
||||
</div>
|
||||
<div id="right-col">
|
||||
{% if template != 'cart' %}
|
||||
<div id="cart-right-col">
|
||||
<dl id="cart-right-col-info">
|
||||
<dt>Shopping Cart</dt>
|
||||
<dd>
|
||||
{% if cart.item_count != 0 %}
|
||||
<a href="/cart">{{ cart.item_count }} {{ cart.item_count | pluralize: 'item', 'items' }}</a> in your cart
|
||||
{% else %}
|
||||
Your cart is empty
|
||||
{% endif %}
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div id="search">
|
||||
<dl id="searchbox">
|
||||
<dt>Search</dt>
|
||||
<dd>
|
||||
<form action="/search" method="get">
|
||||
<fieldset>
|
||||
<input class="search-input" type="text" onclick="this.select()" value="Search this shop..." name="q" />
|
||||
</fieldset>
|
||||
</form>
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div id="navigation">
|
||||
<dl class="navbar">
|
||||
<dt>Navigation</dt>
|
||||
{% for link in linklists.main-menu.links %}
|
||||
<dd>{{ link.title | link_to: link.url }}</dd>
|
||||
{% endfor %}
|
||||
</dl>
|
||||
|
||||
{% if tags %}
|
||||
<dl class="navbar">
|
||||
<dt>Tags</dt>
|
||||
{% for tag in collection.tags %}
|
||||
<dd>{{ tag | highlight_active_tag | link_to_tag: tag }}</dd>
|
||||
{% endfor %}
|
||||
</dl>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id="content-padding"></div>
|
||||
</div>
|
||||
|
||||
<div id="footer">
|
||||
{% for link in linklists.footer.links %}
|
||||
{{ link.title | link_to: link.url }} {% if forloop.rindex != 1 %} | {% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<title>{{shop.name}} - {{page_title}}</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
|
||||
{{ 'main.css' | asset_url | stylesheet_tag }}
|
||||
{{ 'shop.js' | asset_url | script_tag }}
|
||||
|
||||
{{ 'mootools.js' | asset_url | script_tag }}
|
||||
{{ 'slimbox.js' | asset_url | script_tag }}
|
||||
{{ 'option_selection.js' | shopify_asset_url | script_tag }}
|
||||
{{ 'slimbox.css' | asset_url | stylesheet_tag }}
|
||||
|
||||
{{ content_for_header }}
|
||||
</head>
|
||||
|
||||
<body id="page-{{template}}">
|
||||
<p class="hide"><a href="#navigation">Skip to navigation.</a></p>
|
||||
<div id="wrapper">
|
||||
<div class="content clearfix">
|
||||
<div id="header">
|
||||
<h2><a href="/">{{shop.name}}</a></h2>
|
||||
</div>
|
||||
<div id="left-col">
|
||||
{{ content_for_layout }}
|
||||
</div>
|
||||
<div id="right-col">
|
||||
{% if template != 'cart' %}
|
||||
<div id="cart-right-col">
|
||||
<dl id="cart-right-col-info">
|
||||
<dt>Shopping Cart</dt>
|
||||
<dd>
|
||||
{% if cart.item_count != 0 %}
|
||||
<a href="/cart">{{ cart.item_count }} {{ cart.item_count | pluralize: 'item', 'items' }}</a> in your cart
|
||||
{% else %}
|
||||
Your cart is empty
|
||||
{% endif %}
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div id="search">
|
||||
<dl id="searchbox">
|
||||
<dt>Search</dt>
|
||||
<dd>
|
||||
<form action="/search" method="get">
|
||||
<fieldset>
|
||||
<input class="search-input" type="text" onclick="this.select()" value="Search this shop..." name="q" />
|
||||
</fieldset>
|
||||
</form>
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div id="navigation">
|
||||
<dl class="navbar">
|
||||
<dt>Navigation</dt>
|
||||
{% for link in linklists.main-menu.links %}
|
||||
<dd>{{ link.title | link_to: link.url }}</dd>
|
||||
{% endfor %}
|
||||
</dl>
|
||||
|
||||
{% if tags %}
|
||||
<dl class="navbar">
|
||||
<dt>Tags</dt>
|
||||
{% for tag in collection.tags %}
|
||||
<dd>{{ tag | highlight_active_tag | link_to_tag: tag }}</dd>
|
||||
{% endfor %}
|
||||
</dl>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id="content-padding"></div>
|
||||
</div>
|
||||
|
||||
<div id="footer">
|
||||
{% for link in linklists.footer.links %}
|
||||
{{ link.title | link_to: link.url }} {% if forloop.rindex != 1 %} | {% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -1,56 +1,56 @@
|
||||
<div id="page" class="innerpage clearfix">
|
||||
|
||||
<div id="text-page">
|
||||
<div class="entry">
|
||||
<h1>Oh no!</h1>
|
||||
<div class="entry-post">
|
||||
Seems like you are looking for something that just isn't here. <a href="/">Try heading back to our main page</a>. Or you can checkout some of our featured products below.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="page" class="innerpage clearfix">
|
||||
|
||||
|
||||
<h1>Featured Products</h1>
|
||||
<ul class="item-list clearfix">
|
||||
|
||||
{% for product in collections.frontpage.products %}
|
||||
<li>
|
||||
<form action="/cart/add" method="post">
|
||||
<div class="item-list-item">
|
||||
<div class="ili-top clearfix">
|
||||
<div class="ili-top-content">
|
||||
<h2><a href="{{product.url}}">{{product.title}}</a></h2>
|
||||
<p>{{ product.description | truncatewords: 15 }}</p>
|
||||
</div>
|
||||
<a href="{{product.url}}" class="ili-top-image"><img src="{{ product.featured_image | product_img_url: 'small' }}" alt="{{ product.title | escape }}"/></a>
|
||||
</div>
|
||||
|
||||
<div class="ili-bottom clearfix">
|
||||
<p class="hiddenvariants" style="display: none">{% for variant in product.variants %}<span><input type="radio" name="id" value="{{variant.id}}" id="radio_{{variant.id}}" style="vertical-align: middle;" {%if forloop.first%} checked="checked" {%endif%} /><label for="radio_{{variant.id}}">{{ variant.price | money_with_currency }} - {{ variant.title }}</label></span>{% endfor %}</p>
|
||||
<input type="submit" class="" value="Add to Basket" />
|
||||
<p>
|
||||
<a href="{{product.url}}">View Details</a>
|
||||
|
||||
<span>
|
||||
{% if product.compare_at_price %}
|
||||
{% if product.price_min != product.compare_at_price %}
|
||||
{{product.compare_at_price | money}} -
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
<strong>
|
||||
{{product.price_min | money}}
|
||||
</strong>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</li>
|
||||
{% endfor %}
|
||||
<div id="text-page">
|
||||
<div class="entry">
|
||||
<h1>Oh no!</h1>
|
||||
<div class="entry-post">
|
||||
Seems like you are looking for something that just isn't here. <a href="/">Try heading back to our main page</a>. Or you can checkout some of our featured products below.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<!-- end page -->
|
||||
|
||||
<h1>Featured Products</h1>
|
||||
<ul class="item-list clearfix">
|
||||
|
||||
{% for product in collections.frontpage.products %}
|
||||
<li>
|
||||
<form action="/cart/add" method="post">
|
||||
<div class="item-list-item">
|
||||
<div class="ili-top clearfix">
|
||||
<div class="ili-top-content">
|
||||
<h2><a href="{{product.url}}">{{product.title}}</a></h2>
|
||||
<p>{{ product.description | truncatewords: 15 }}</p>
|
||||
</div>
|
||||
<a href="{{product.url}}" class="ili-top-image"><img src="{{ product.featured_image | product_img_url: 'small' }}" alt="{{ product.title | escape }}"/></a>
|
||||
</div>
|
||||
|
||||
<div class="ili-bottom clearfix">
|
||||
<p class="hiddenvariants" style="display: none">{% for variant in product.variants %}<span><input type="radio" name="id" value="{{variant.id}}" id="radio_{{variant.id}}" style="vertical-align: middle;" {%if forloop.first%} checked="checked" {%endif%} /><label for="radio_{{variant.id}}">{{ variant.price | money_with_currency }} - {{ variant.title }}</label></span>{% endfor %}</p>
|
||||
<input type="submit" class="" value="Add to Basket" />
|
||||
<p>
|
||||
<a href="{{product.url}}">View Details</a>
|
||||
|
||||
<span>
|
||||
{% if product.compare_at_price %}
|
||||
{% if product.price_min != product.compare_at_price %}
|
||||
{{product.compare_at_price | money}} -
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
<strong>
|
||||
{{product.price_min | money}}
|
||||
</strong>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</li>
|
||||
{% endfor %}
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<!-- end page -->
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -1,19 +1,19 @@
|
||||
|
||||
<div id="page" class="innerpage clearfix">
|
||||
<div id="text-page">
|
||||
<div id="page" class="innerpage clearfix">
|
||||
<div id="text-page">
|
||||
|
||||
<div class="entry">
|
||||
<h1><span>{{article.title}}</span></h1>
|
||||
<div class="entry-post">
|
||||
<div class="meta">{{ article.created_at | date: "%b %d" }}</div>
|
||||
{{ article.content }}
|
||||
</div>
|
||||
|
||||
<!-- Comments -->
|
||||
<div class="entry">
|
||||
<h1><span>{{article.title}}</span></h1>
|
||||
<div class="entry-post">
|
||||
<div class="meta">{{ article.created_at | date: "%b %d" }}</div>
|
||||
{{ article.content }}
|
||||
</div>
|
||||
|
||||
<!-- Comments -->
|
||||
{% if blog.comments_enabled? %}
|
||||
<div id="comments">
|
||||
<h2>Comments</h2>
|
||||
|
||||
|
||||
<!-- List all comments -->
|
||||
<ul id="comment-list">
|
||||
{% for comment in article.comments %}
|
||||
@@ -21,19 +21,19 @@
|
||||
<div class="comment">
|
||||
{{ comment.content }}
|
||||
</div>
|
||||
|
||||
<div class="comment-details">
|
||||
Posted by <span class="comment-author">{{ comment.author }}</span> on <span class="comment-date">{{ comment.created_at | date: "%B %d, %Y" }}</span>
|
||||
|
||||
<div class="comment-details">
|
||||
Posted by <span class="comment-author">{{ comment.author }}</span> on <span class="comment-date">{{ comment.created_at | date: "%B %d, %Y" }}</span>
|
||||
</div>
|
||||
</li>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
|
||||
<!-- Comment Form -->
|
||||
<div id="comment-form">
|
||||
{% form article %}
|
||||
<h2>Leave a comment</h2>
|
||||
|
||||
|
||||
<!-- Check if a comment has been submitted in the last request, and if yes display an appropriate message -->
|
||||
{% if form.posted_successfully? %}
|
||||
{% if blog.moderated? %}
|
||||
@@ -45,11 +45,11 @@
|
||||
<div class="notice">Successfully posted your comment.</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
|
||||
{% if form.errors %}
|
||||
<div class="notice error">Not all the fields have been filled out correctly!</div>
|
||||
{% endif %}
|
||||
|
||||
|
||||
<dl>
|
||||
<dt class="{% if form.errors contains 'author' %}error{% endif %}"><label for="comment_author">Your name</label></dt>
|
||||
<dd><input type="text" id="comment_author" name="comment[author]" size="40" value="{{form.author}}" class="{% if form.errors contains 'author' %}input-error{% endif %}" /></dd>
|
||||
@@ -60,39 +60,39 @@
|
||||
<dt class="{% if form.errors contains 'body' %}error{% endif %}"><label for="comment_body">Your comment</label></dt>
|
||||
<dd><textarea id="comment_body" name="comment[body]" cols="40" rows="5" class="{% if form.errors contains 'body' %}input-error{% endif %}">{{form.body}}</textarea></dd>
|
||||
</dl>
|
||||
|
||||
|
||||
{% if blog.moderated? %}
|
||||
<p class="hint">comments have to be approved before showing up</p>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
<input type="submit" value="Post comment" id="comment-submit" />
|
||||
{% endform %}
|
||||
</div>
|
||||
<!-- END Comment Form -->
|
||||
|
||||
|
||||
</div>
|
||||
{% endif %}
|
||||
<!-- END Comments -->
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="three-reasons" class="clearfix">
|
||||
<h3>Why Shop With Us?</h3>
|
||||
<ul>
|
||||
<li class="two-a">
|
||||
<h4>24 Hours</h4>
|
||||
<p>We're always here to help.</p>
|
||||
</li>
|
||||
<li class="two-c">
|
||||
<h4>No Spam</h4>
|
||||
<p>We'll never share your info.</p>
|
||||
</li>
|
||||
<li class="two-d">
|
||||
<h4>Secure Servers</h4>
|
||||
<p>Checkout is 256bit encrypted.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END Comments -->
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="three-reasons" class="clearfix">
|
||||
<h3>Why Shop With Us?</h3>
|
||||
<ul>
|
||||
<li class="two-a">
|
||||
<h4>24 Hours</h4>
|
||||
<p>We're always here to help.</p>
|
||||
</li>
|
||||
<li class="two-c">
|
||||
<h4>No Spam</h4>
|
||||
<p>We'll never share your info.</p>
|
||||
</li>
|
||||
<li class="two-d">
|
||||
<h4>Secure Servers</h4>
|
||||
<p>Checkout is 256bit encrypted.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,41 +1,41 @@
|
||||
<div id="page" class="innerpage clearfix">
|
||||
<div id="text-page">
|
||||
<h1>Post from our blog...</h1>
|
||||
{% paginate blog.articles by 20 %}
|
||||
{% for article in blog.articles %}
|
||||
|
||||
<div class="entry">
|
||||
<h1><span><a href="{{ article.url }}">{{ article.title }}</a></span></h1>
|
||||
<div class="entry-post">
|
||||
<div class="meta">{{ article.created_at | date: "%b %d" }}</div>
|
||||
{{ article.content }}
|
||||
</div>
|
||||
</div>
|
||||
<div id="page" class="innerpage clearfix">
|
||||
<div id="text-page">
|
||||
<h1>Post from our blog...</h1>
|
||||
{% paginate blog.articles by 20 %}
|
||||
{% for article in blog.articles %}
|
||||
|
||||
{% endfor %}
|
||||
<div class="entry">
|
||||
<h1><span><a href="{{ article.url }}">{{ article.title }}</a></span></h1>
|
||||
<div class="entry-post">
|
||||
<div class="meta">{{ article.created_at | date: "%b %d" }}</div>
|
||||
{{ article.content }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="paginate clearfix">
|
||||
{{ paginate | default_pagination }}
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
{% endpaginate %}
|
||||
</div>
|
||||
|
||||
<div id="three-reasons" class="clearfix">
|
||||
<h3>Why Shop With Us?</h3>
|
||||
<ul>
|
||||
<li class="two-a">
|
||||
<h4>24 Hours</h4>
|
||||
<p>We're always here to help.</p>
|
||||
</li>
|
||||
<li class="two-c">
|
||||
<h4>No Spam</h4>
|
||||
<p>We'll never share your info.</p>
|
||||
</li>
|
||||
<li class="two-d">
|
||||
<h4>Secure Servers</h4>
|
||||
<p>Checkout is 256bit encrypted.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="paginate clearfix">
|
||||
{{ paginate | default_pagination }}
|
||||
</div>
|
||||
|
||||
{% endpaginate %}
|
||||
</div>
|
||||
|
||||
<div id="three-reasons" class="clearfix">
|
||||
<h3>Why Shop With Us?</h3>
|
||||
<ul>
|
||||
<li class="two-a">
|
||||
<h4>24 Hours</h4>
|
||||
<p>We're always here to help.</p>
|
||||
</li>
|
||||
<li class="two-c">
|
||||
<h4>No Spam</h4>
|
||||
<p>We'll never share your info.</p>
|
||||
</li>
|
||||
<li class="two-d">
|
||||
<h4>Secure Servers</h4>
|
||||
<p>Checkout is 256bit encrypted.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,134 +1,134 @@
|
||||
<script type="text/javascript">
|
||||
function remove_item(id) {
|
||||
document.getElementById('updates_'+id).value = 0;
|
||||
document.getElementById('cart').submit();
|
||||
}
|
||||
</script>
|
||||
|
||||
<div id="page" class="innerpage clearfix">.
|
||||
{% if cart.item_count == 0 %}
|
||||
<h1>Your cart is currently empty.</h1>
|
||||
{% else %}
|
||||
|
||||
<h1>Your Cart <span>({{ cart.item_count }} {{ cart.item_count | pluralize: 'item', 'items' }}, {{cart.total_price | money_with_currency }} total)</span></h1>
|
||||
|
||||
<form action="/cart" method="post" id="cart-form">
|
||||
|
||||
<div id="cart-wrap">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<th scope="col" class="td-image"><label>Image</label></th>
|
||||
<th scope="col" class="td-title"><label>Product Title</label></th>
|
||||
<th scope="col" class="td-count"><label>Count</label></th>
|
||||
<th scope="col" class="td-price"><label>Cost</label></th>
|
||||
<th scope="col" class="td-delete"><label>Remove</label></th>
|
||||
</tr>
|
||||
|
||||
{% for item in cart.items %}
|
||||
<tr class="{% cycle 'reg', 'alt' %}">
|
||||
<td colspan="5">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td class="td-image"><a href="{{item.product.url}}">{{ item.product.featured_image | product_img_url: 'thumb' | img_tag }}</a></td>
|
||||
<td class="td-title"><p>{{ item.title }}</p></td>
|
||||
<td class="td-count"><label>Count:</label> <input type="text" class="quantity item-count" name="updates[{{item.variant.id}}]" id="updates_{{item.variant.id}}" value="{{item.quantity}}" onfocus="this.select();"/></td>
|
||||
<td class="td-price">{{item.line_price | money }}</td>
|
||||
<td class="td-delete"><a href="#" onclick="remove_item({{item.variant.id}}); return false;">Remove</a></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
|
||||
<div id="finish-up">
|
||||
|
||||
<div class="latest-news-box">
|
||||
{{ pages.shopping-cart.content }}
|
||||
</div>
|
||||
|
||||
<p class="order-total">
|
||||
<span><strong>Order Total:</strong> {{cart.total_price | money_with_currency }}</span>
|
||||
</p>
|
||||
|
||||
<p class="update-cart"><input type="submit" value="Refresh Cart" name="update" /></p>
|
||||
|
||||
<p class="go-checkout"><input type="submit" value="Proceed to Checkout" name="checkout" /></p>
|
||||
|
||||
{% if additional_checkout_buttons %}
|
||||
<div class="additional-checkout-buttons">
|
||||
<p>- or -</p>
|
||||
{{ content_for_additional_checkout_buttons }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
{% endif %}
|
||||
|
||||
|
||||
|
||||
<h1 class="other-products"><span>Other Products You Might Enjoy</span></h1>
|
||||
<ul class="item-list clearfix">
|
||||
|
||||
{% for product in collections.frontpage.products limit:2 %}
|
||||
<li>
|
||||
<form action="/cart/add" method="post">
|
||||
<div class="item-list-item">
|
||||
<div class="ili-top clearfix">
|
||||
<div class="ili-top-content">
|
||||
<h2><a href="{{product.url}}">{{product.title}}</a></h2>
|
||||
<p>{{ product.description | truncatewords: 15 }}</p>
|
||||
</div>
|
||||
<a href="{{product.url}}" class="ili-top-image"><img src="{{ product.featured_image | product_img_url: 'small' }}" alt="{{ product.title | escape }}"/></a>
|
||||
</div>
|
||||
|
||||
<div class="ili-bottom clearfix">
|
||||
<p class="hiddenvariants" style="display: none">{% for variant in product.variants %}<span><input type="radio" name="id" value="{{variant.id}}" id="radio_{{variant.id}}" style="vertical-align: middle;" {%if forloop.first%} checked="checked" {%endif%} /><label for="radio_{{variant.id}}">{{ variant.price | money_with_currency }} - {{ variant.title }}</label></span>{% endfor %}</p>
|
||||
<input type="submit" class="" value="Add to Basket" />
|
||||
<p>
|
||||
<a href="{{product.url}}">View Details</a>
|
||||
|
||||
<span>
|
||||
{% if product.compare_at_price %}
|
||||
{% if product.price_min != product.compare_at_price %}
|
||||
{{product.compare_at_price | money}} -
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
<strong>
|
||||
{{product.price_min | money}}
|
||||
</strong>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</li>
|
||||
{% endfor %}
|
||||
|
||||
</ul>
|
||||
|
||||
<div id="three-reasons" class="clearfix">
|
||||
<h3>Why Shop With Us?</h3>
|
||||
<ul>
|
||||
<li class="two-a">
|
||||
<h4>24 Hours</h4>
|
||||
<p>We're always here to help.</p>
|
||||
</li>
|
||||
<li class="two-c">
|
||||
<h4>No Spam</h4>
|
||||
<p>We'll never share your info.</p>
|
||||
</li>
|
||||
<li class="two-d">
|
||||
<h4>Secure Servers</h4>
|
||||
<p>Checkout is 256bit encrypted.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- end page -->
|
||||
<script type="text/javascript">
|
||||
function remove_item(id) {
|
||||
document.getElementById('updates_'+id).value = 0;
|
||||
document.getElementById('cart').submit();
|
||||
}
|
||||
</script>
|
||||
|
||||
<div id="page" class="innerpage clearfix">.
|
||||
{% if cart.item_count == 0 %}
|
||||
<h1>Your cart is currently empty.</h1>
|
||||
{% else %}
|
||||
|
||||
<h1>Your Cart <span>({{ cart.item_count }} {{ cart.item_count | pluralize: 'item', 'items' }}, {{cart.total_price | money_with_currency }} total)</span></h1>
|
||||
|
||||
<form action="/cart" method="post" id="cart-form">
|
||||
|
||||
<div id="cart-wrap">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<th scope="col" class="td-image"><label>Image</label></th>
|
||||
<th scope="col" class="td-title"><label>Product Title</label></th>
|
||||
<th scope="col" class="td-count"><label>Count</label></th>
|
||||
<th scope="col" class="td-price"><label>Cost</label></th>
|
||||
<th scope="col" class="td-delete"><label>Remove</label></th>
|
||||
</tr>
|
||||
|
||||
{% for item in cart.items %}
|
||||
<tr class="{% cycle 'reg', 'alt' %}">
|
||||
<td colspan="5">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td class="td-image"><a href="{{item.product.url}}">{{ item.product.featured_image | product_img_url: 'thumb' | img_tag }}</a></td>
|
||||
<td class="td-title"><p>{{ item.title }}</p></td>
|
||||
<td class="td-count"><label>Count:</label> <input type="text" class="quantity item-count" name="updates[{{item.variant.id}}]" id="updates_{{item.variant.id}}" value="{{item.quantity}}" onfocus="this.select();"/></td>
|
||||
<td class="td-price">{{item.line_price | money }}</td>
|
||||
<td class="td-delete"><a href="#" onclick="remove_item({{item.variant.id}}); return false;">Remove</a></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
|
||||
<div id="finish-up">
|
||||
|
||||
<div class="latest-news-box">
|
||||
{{ pages.shopping-cart.content }}
|
||||
</div>
|
||||
|
||||
<p class="order-total">
|
||||
<span><strong>Order Total:</strong> {{cart.total_price | money_with_currency }}</span>
|
||||
</p>
|
||||
|
||||
<p class="update-cart"><input type="submit" value="Refresh Cart" name="update" /></p>
|
||||
|
||||
<p class="go-checkout"><input type="submit" value="Proceed to Checkout" name="checkout" /></p>
|
||||
|
||||
{% if additional_checkout_buttons %}
|
||||
<div class="additional-checkout-buttons">
|
||||
<p>- or -</p>
|
||||
{{ content_for_additional_checkout_buttons }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
{% endif %}
|
||||
|
||||
|
||||
|
||||
<h1 class="other-products"><span>Other Products You Might Enjoy</span></h1>
|
||||
<ul class="item-list clearfix">
|
||||
|
||||
{% for product in collections.frontpage.products limit:2 %}
|
||||
<li>
|
||||
<form action="/cart/add" method="post">
|
||||
<div class="item-list-item">
|
||||
<div class="ili-top clearfix">
|
||||
<div class="ili-top-content">
|
||||
<h2><a href="{{product.url}}">{{product.title}}</a></h2>
|
||||
<p>{{ product.description | truncatewords: 15 }}</p>
|
||||
</div>
|
||||
<a href="{{product.url}}" class="ili-top-image"><img src="{{ product.featured_image | product_img_url: 'small' }}" alt="{{ product.title | escape }}"/></a>
|
||||
</div>
|
||||
|
||||
<div class="ili-bottom clearfix">
|
||||
<p class="hiddenvariants" style="display: none">{% for variant in product.variants %}<span><input type="radio" name="id" value="{{variant.id}}" id="radio_{{variant.id}}" style="vertical-align: middle;" {%if forloop.first%} checked="checked" {%endif%} /><label for="radio_{{variant.id}}">{{ variant.price | money_with_currency }} - {{ variant.title }}</label></span>{% endfor %}</p>
|
||||
<input type="submit" class="" value="Add to Basket" />
|
||||
<p>
|
||||
<a href="{{product.url}}">View Details</a>
|
||||
|
||||
<span>
|
||||
{% if product.compare_at_price %}
|
||||
{% if product.price_min != product.compare_at_price %}
|
||||
{{product.compare_at_price | money}} -
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
<strong>
|
||||
{{product.price_min | money}}
|
||||
</strong>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</li>
|
||||
{% endfor %}
|
||||
|
||||
</ul>
|
||||
|
||||
<div id="three-reasons" class="clearfix">
|
||||
<h3>Why Shop With Us?</h3>
|
||||
<ul>
|
||||
<li class="two-a">
|
||||
<h4>24 Hours</h4>
|
||||
<p>We're always here to help.</p>
|
||||
</li>
|
||||
<li class="two-c">
|
||||
<h4>No Spam</h4>
|
||||
<p>We'll never share your info.</p>
|
||||
</li>
|
||||
<li class="two-d">
|
||||
<h4>Secure Servers</h4>
|
||||
<p>Checkout is 256bit encrypted.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- end page -->
|
||||
|
||||
@@ -1,70 +1,70 @@
|
||||
<div id="page" class="innerpage clearfix">
|
||||
<h1>{{ collection.title }}</h1>
|
||||
{% if collection.description.size > 0 %}
|
||||
<div class="latest-news">{{ collection.description }}</div>
|
||||
{% endif %}
|
||||
|
||||
{% paginate collection.products by 8 %}
|
||||
|
||||
<ul class="item-list clearfix">
|
||||
{% for product in collection.products %}
|
||||
<li>
|
||||
<form action="/cart/add" method="post">
|
||||
<div class="item-list-item">
|
||||
<div class="ili-top clearfix">
|
||||
<div class="ili-top-content">
|
||||
<h2><a href="{{product.url}}">{{product.title}}</a></h2>
|
||||
<p>{{ product.description | truncatewords: 15 }}</p>
|
||||
</div>
|
||||
<a href="{{product.url}}" class="ili-top-image"><img src="{{ product.featured_image | product_img_url: 'small' }}" alt="{{ product.title | escape }}"/></a>
|
||||
</div>
|
||||
|
||||
<div class="ili-bottom clearfix">
|
||||
<p class="hiddenvariants" style="display: none">{% for variant in product.variants %}<span><input type="radio" name="id" value="{{variant.id}}" id="radio_{{variant.id}}" style="vertical-align: middle;" {%if forloop.first%} checked="checked" {%endif%} /><label for="radio_{{variant.id}}">{{ variant.price | money_with_currency }} - {{ variant.title }}</label></span>{% endfor %}</p>
|
||||
<input type="submit" class="" value="Add to Basket" />
|
||||
<p>
|
||||
<a href="{{product.url}}">View Details</a>
|
||||
|
||||
<span>
|
||||
{% if product.compare_at_price %}
|
||||
{% if product.price_min != product.compare_at_price %}
|
||||
{{product.compare_at_price | money}} -
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
<strong>
|
||||
{{product.price_min | money}}
|
||||
</strong>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
<div class="paginate clearfix">
|
||||
{{ paginate | default_pagination }}
|
||||
</div>
|
||||
|
||||
|
||||
<div id="three-reasons" class="clearfix">
|
||||
<h3>Why Shop With Us?</h3>
|
||||
<ul>
|
||||
<li class="two-a">
|
||||
<h4>24 Hours</h4>
|
||||
<p>We're always here to help.</p>
|
||||
</li>
|
||||
<li class="two-c">
|
||||
<h4>No Spam</h4>
|
||||
<p>We'll never share your info.</p>
|
||||
</li>
|
||||
<li class="two-d">
|
||||
<h4>Secure Servers</h4>
|
||||
<p>Checkout is 256bit encrypted.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endpaginate %}
|
||||
<div id="page" class="innerpage clearfix">
|
||||
<h1>{{ collection.title }}</h1>
|
||||
{% if collection.description.size > 0 %}
|
||||
<div class="latest-news">{{ collection.description }}</div>
|
||||
{% endif %}
|
||||
|
||||
{% paginate collection.products by 8 %}
|
||||
|
||||
<ul class="item-list clearfix">
|
||||
{% for product in collection.products %}
|
||||
<li>
|
||||
<form action="/cart/add" method="post">
|
||||
<div class="item-list-item">
|
||||
<div class="ili-top clearfix">
|
||||
<div class="ili-top-content">
|
||||
<h2><a href="{{product.url}}">{{product.title}}</a></h2>
|
||||
<p>{{ product.description | truncatewords: 15 }}</p>
|
||||
</div>
|
||||
<a href="{{product.url}}" class="ili-top-image"><img src="{{ product.featured_image | product_img_url: 'small' }}" alt="{{ product.title | escape }}"/></a>
|
||||
</div>
|
||||
|
||||
<div class="ili-bottom clearfix">
|
||||
<p class="hiddenvariants" style="display: none">{% for variant in product.variants %}<span><input type="radio" name="id" value="{{variant.id}}" id="radio_{{variant.id}}" style="vertical-align: middle;" {%if forloop.first%} checked="checked" {%endif%} /><label for="radio_{{variant.id}}">{{ variant.price | money_with_currency }} - {{ variant.title }}</label></span>{% endfor %}</p>
|
||||
<input type="submit" class="" value="Add to Basket" />
|
||||
<p>
|
||||
<a href="{{product.url}}">View Details</a>
|
||||
|
||||
<span>
|
||||
{% if product.compare_at_price %}
|
||||
{% if product.price_min != product.compare_at_price %}
|
||||
{{product.compare_at_price | money}} -
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
<strong>
|
||||
{{product.price_min | money}}
|
||||
</strong>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
<div class="paginate clearfix">
|
||||
{{ paginate | default_pagination }}
|
||||
</div>
|
||||
|
||||
|
||||
<div id="three-reasons" class="clearfix">
|
||||
<h3>Why Shop With Us?</h3>
|
||||
<ul>
|
||||
<li class="two-a">
|
||||
<h4>24 Hours</h4>
|
||||
<p>We're always here to help.</p>
|
||||
</li>
|
||||
<li class="two-c">
|
||||
<h4>No Spam</h4>
|
||||
<p>We'll never share your info.</p>
|
||||
</li>
|
||||
<li class="two-d">
|
||||
<h4>Secure Servers</h4>
|
||||
<p>Checkout is 256bit encrypted.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endpaginate %}
|
||||
|
||||
@@ -1,94 +1,94 @@
|
||||
<div id="gwrap">
|
||||
<div id="gbox">
|
||||
<h1>Three Great Reasons You Should Shop With Us...</h1>
|
||||
<ul>
|
||||
<li class="gbox1">
|
||||
<h2>Free Shipping</h2>
|
||||
<p>On all orders over $25</p>
|
||||
</li>
|
||||
<li class="gbox2">
|
||||
<h2>Top Quality</h2>
|
||||
<p>Hand made in our shop</p>
|
||||
</li>
|
||||
<li class="gbox3">
|
||||
<h2>100% Guarantee</h2>
|
||||
<p>Any time, any reason</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="page" class="clearfix">
|
||||
|
||||
<div class="latest-news">{{pages.alert.content}}</div>
|
||||
|
||||
<ul class="item-list clearfix">
|
||||
|
||||
{% for product in collections.frontpage.products %}
|
||||
<li>
|
||||
<form action="/cart/add" method="post">
|
||||
<div class="item-list-item">
|
||||
<div class="ili-top clearfix">
|
||||
<div class="ili-top-content">
|
||||
<h2><a href="{{product.url}}">{{product.title}}</a></h2>
|
||||
{{ product.description | truncatewords: 15 }}</p> <!-- extra cloding <p> tag for truncation -->
|
||||
</div>
|
||||
<a href="{{product.url}}" class="ili-top-image"><img src="{{ product.featured_image | product_img_url: 'small' }}" alt="{{ product.title | escape }}"/></a>
|
||||
</div>
|
||||
|
||||
<div class="ili-bottom clearfix">
|
||||
<p class="hiddenvariants" style="display: none">{% for variant in product.variants %}<span><input type="radio" name="id" value="{{variant.id}}" id="radio_{{variant.id}}" style="vertical-align: middle;" {%if forloop.first%} checked="checked" {%endif%} /><label for="radio_{{variant.id}}">{{ variant.price | money_with_currency }} - {{ variant.title }}</label></span>{% endfor %}</p>
|
||||
<input type="submit" class="" value="Add to Basket" />
|
||||
<p>
|
||||
<a href="{{product.url}}">View Details</a>
|
||||
|
||||
<span>
|
||||
{% if product.compare_at_price %}
|
||||
{% if product.price_min != product.compare_at_price %}
|
||||
{{product.compare_at_price | money}} -
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
<strong>
|
||||
{{product.price_min | money}}
|
||||
</strong>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</li>
|
||||
{% endfor %}
|
||||
|
||||
</ul>
|
||||
|
||||
<div id="one-two">
|
||||
<div id="two">
|
||||
<h3>Why Shop With Us?</h3>
|
||||
<ul>
|
||||
<li class="two-a">
|
||||
<h4>24 Hours</h4>
|
||||
<p>We're always here to help.</p>
|
||||
</li>
|
||||
<li class="two-c">
|
||||
<h4>No Spam</h4>
|
||||
<p>We'll never share your info.</p>
|
||||
</li>
|
||||
<li class="two-b">
|
||||
<h4>Save Energy</h4>
|
||||
<p>We're green, all the way.</p>
|
||||
</li>
|
||||
<li class="two-d">
|
||||
<h4>Secure Servers</h4>
|
||||
<p>Checkout is 256bits encrypted.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="one">
|
||||
<h3>Our Company</h3>
|
||||
{{pages.about-us.content | truncatewords: 49}} <a href="/pages/about-us">read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- end page -->
|
||||
<div id="gwrap">
|
||||
<div id="gbox">
|
||||
<h1>Three Great Reasons You Should Shop With Us...</h1>
|
||||
<ul>
|
||||
<li class="gbox1">
|
||||
<h2>Free Shipping</h2>
|
||||
<p>On all orders over $25</p>
|
||||
</li>
|
||||
<li class="gbox2">
|
||||
<h2>Top Quality</h2>
|
||||
<p>Hand made in our shop</p>
|
||||
</li>
|
||||
<li class="gbox3">
|
||||
<h2>100% Guarantee</h2>
|
||||
<p>Any time, any reason</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="page" class="clearfix">
|
||||
|
||||
<div class="latest-news">{{pages.alert.content}}</div>
|
||||
|
||||
<ul class="item-list clearfix">
|
||||
|
||||
{% for product in collections.frontpage.products %}
|
||||
<li>
|
||||
<form action="/cart/add" method="post">
|
||||
<div class="item-list-item">
|
||||
<div class="ili-top clearfix">
|
||||
<div class="ili-top-content">
|
||||
<h2><a href="{{product.url}}">{{product.title}}</a></h2>
|
||||
{{ product.description | truncatewords: 15 }}</p> <!-- extra cloding <p> tag for truncation -->
|
||||
</div>
|
||||
<a href="{{product.url}}" class="ili-top-image"><img src="{{ product.featured_image | product_img_url: 'small' }}" alt="{{ product.title | escape }}"/></a>
|
||||
</div>
|
||||
|
||||
<div class="ili-bottom clearfix">
|
||||
<p class="hiddenvariants" style="display: none">{% for variant in product.variants %}<span><input type="radio" name="id" value="{{variant.id}}" id="radio_{{variant.id}}" style="vertical-align: middle;" {%if forloop.first%} checked="checked" {%endif%} /><label for="radio_{{variant.id}}">{{ variant.price | money_with_currency }} - {{ variant.title }}</label></span>{% endfor %}</p>
|
||||
<input type="submit" class="" value="Add to Basket" />
|
||||
<p>
|
||||
<a href="{{product.url}}">View Details</a>
|
||||
|
||||
<span>
|
||||
{% if product.compare_at_price %}
|
||||
{% if product.price_min != product.compare_at_price %}
|
||||
{{product.compare_at_price | money}} -
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
<strong>
|
||||
{{product.price_min | money}}
|
||||
</strong>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</li>
|
||||
{% endfor %}
|
||||
|
||||
</ul>
|
||||
|
||||
<div id="one-two">
|
||||
<div id="two">
|
||||
<h3>Why Shop With Us?</h3>
|
||||
<ul>
|
||||
<li class="two-a">
|
||||
<h4>24 Hours</h4>
|
||||
<p>We're always here to help.</p>
|
||||
</li>
|
||||
<li class="two-c">
|
||||
<h4>No Spam</h4>
|
||||
<p>We'll never share your info.</p>
|
||||
</li>
|
||||
<li class="two-b">
|
||||
<h4>Save Energy</h4>
|
||||
<p>We're green, all the way.</p>
|
||||
</li>
|
||||
<li class="two-d">
|
||||
<h4>Secure Servers</h4>
|
||||
<p>Checkout is 256bits encrypted.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="one">
|
||||
<h3>Our Company</h3>
|
||||
{{pages.about-us.content | truncatewords: 49}} <a href="/pages/about-us">read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- end page -->
|
||||
|
||||
@@ -1,56 +1,56 @@
|
||||
<div id="page" class="innerpage clearfix">
|
||||
|
||||
<div id="text-page">
|
||||
<div class="entry">
|
||||
<h1>{{page.title}}</h1>
|
||||
<div class="entry-post">
|
||||
{{page.content}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<h1>Featured Products</h1>
|
||||
<ul class="item-list clearfix">
|
||||
|
||||
{% for product in collections.frontpage.products %}
|
||||
<li>
|
||||
<form action="/cart/add" method="post">
|
||||
<div class="item-list-item">
|
||||
<div class="ili-top clearfix">
|
||||
<div class="ili-top-content">
|
||||
<h2><a href="{{product.url}}">{{product.title}}</a></h2>
|
||||
<p>{{ product.description | truncatewords: 15 }}</p>
|
||||
</div>
|
||||
<a href="{{product.url}}" class="ili-top-image"><img src="{{ product.featured_image | product_img_url: 'small' }}" alt="{{ product.title | escape }}"/></a>
|
||||
</div>
|
||||
|
||||
<div class="ili-bottom clearfix">
|
||||
<p class="hiddenvariants" style="display: none">{% for variant in product.variants %}<span><input type="radio" name="id" value="{{variant.id}}" id="radio_{{variant.id}}" style="vertical-align: middle;" {%if forloop.first%} checked="checked" {%endif%} /><label for="radio_{{variant.id}}">{{ variant.price | money_with_currency }} - {{ variant.title }}</label></span>{% endfor %}</p>
|
||||
<input type="submit" class="" value="Add to Basket" />
|
||||
<p>
|
||||
<a href="{{product.url}}">View Details</a>
|
||||
|
||||
<span>
|
||||
{% if product.compare_at_price %}
|
||||
{% if product.price_min != product.compare_at_price %}
|
||||
{{product.compare_at_price | money}} -
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
<strong>
|
||||
{{product.price_min | money}}
|
||||
</strong>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</li>
|
||||
{% endfor %}
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<!-- end page -->
|
||||
|
||||
|
||||
|
||||
<div id="page" class="innerpage clearfix">
|
||||
|
||||
<div id="text-page">
|
||||
<div class="entry">
|
||||
<h1>{{page.title}}</h1>
|
||||
<div class="entry-post">
|
||||
{{page.content}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<h1>Featured Products</h1>
|
||||
<ul class="item-list clearfix">
|
||||
|
||||
{% for product in collections.frontpage.products %}
|
||||
<li>
|
||||
<form action="/cart/add" method="post">
|
||||
<div class="item-list-item">
|
||||
<div class="ili-top clearfix">
|
||||
<div class="ili-top-content">
|
||||
<h2><a href="{{product.url}}">{{product.title}}</a></h2>
|
||||
<p>{{ product.description | truncatewords: 15 }}</p>
|
||||
</div>
|
||||
<a href="{{product.url}}" class="ili-top-image"><img src="{{ product.featured_image | product_img_url: 'small' }}" alt="{{ product.title | escape }}"/></a>
|
||||
</div>
|
||||
|
||||
<div class="ili-bottom clearfix">
|
||||
<p class="hiddenvariants" style="display: none">{% for variant in product.variants %}<span><input type="radio" name="id" value="{{variant.id}}" id="radio_{{variant.id}}" style="vertical-align: middle;" {%if forloop.first%} checked="checked" {%endif%} /><label for="radio_{{variant.id}}">{{ variant.price | money_with_currency }} - {{ variant.title }}</label></span>{% endfor %}</p>
|
||||
<input type="submit" class="" value="Add to Basket" />
|
||||
<p>
|
||||
<a href="{{product.url}}">View Details</a>
|
||||
|
||||
<span>
|
||||
{% if product.compare_at_price %}
|
||||
{% if product.price_min != product.compare_at_price %}
|
||||
{{product.compare_at_price | money}} -
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
<strong>
|
||||
{{product.price_min | money}}
|
||||
</strong>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</li>
|
||||
{% endfor %}
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<!-- end page -->
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -1,116 +1,116 @@
|
||||
<div id="page" class="innerpage clearfix">
|
||||
<h1>{{ collection.title }} {{ product.title }}</h1>
|
||||
|
||||
|
||||
<p class="latest-news"><strong>Product Tags: </strong>
|
||||
{% for tag in product.tags %}
|
||||
<a href="/collections/all/{{ tag }}">{{ tag }}</a> |
|
||||
{% endfor %}
|
||||
</p>
|
||||
|
||||
<div class="product clearfix">
|
||||
<div class="product-info">
|
||||
<h1>{{ product.title }}</h1>
|
||||
<div class="product-info-description">
|
||||
<p>{{ product.description }} </p>
|
||||
</div>
|
||||
|
||||
{% if product.available %}
|
||||
<form action="/cart/add" method="post">
|
||||
|
||||
<h2>Product Options:</h2>
|
||||
|
||||
<select id="product-info-options" name="id" class="product-info-options">
|
||||
{% for variant in product.variants %}
|
||||
<option value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
|
||||
<div id="price-field"></div>
|
||||
|
||||
<div class="product-purchase-btn">
|
||||
<input type="submit" class="add-this-to-cart" id="add-this-to-cart" value="Add to Basket" />
|
||||
</div>
|
||||
|
||||
</form>
|
||||
{% else %}
|
||||
<h2>Sold out!</h2>
|
||||
<p>Sorry, we're all out of this product. Check back often and order when it returns</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div class="product-images clearfix">
|
||||
{% for image in product.images %}
|
||||
|
||||
{% if forloop.first %}
|
||||
<div class="product-image-large">
|
||||
<img src="{{ image | product_img_url: 'medium'}}" alt="{{product.title | escape }}" />
|
||||
</div>
|
||||
{% else %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
<ul class="product-thumbs clearfix">
|
||||
{% for image in product.images %}
|
||||
{% if forloop.first %}
|
||||
{% else %}
|
||||
|
||||
<li>
|
||||
<a href="{{ image | product_img_url: 'large' }}" class="product-thumbs" rel="lightbox[product]" title="">
|
||||
<img src="{{ image | product_img_url: 'small'}}" alt="{{product.title | escape }}" />
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div id="three-reasons" class="clearfix">
|
||||
<h3>Why Shop With Us?</h3>
|
||||
<ul>
|
||||
<li class="two-a">
|
||||
<h4>24 Hours</h4>
|
||||
<p>We're always here to help.</p>
|
||||
</li>
|
||||
<li class="two-c">
|
||||
<h4>No Spam</h4>
|
||||
<p>We'll never share your info.</p>
|
||||
</li>
|
||||
<li class="two-d">
|
||||
<h4>Secure Servers</h4>
|
||||
<p>Checkout is 256bit encrypted.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- end page -->
|
||||
|
||||
<script type="text/javascript">
|
||||
<!--
|
||||
// prototype callback for multi variants dropdown selector
|
||||
var selectCallback = function(variant, selector) {
|
||||
if (variant && variant.available == true) {
|
||||
// selected a valid variant
|
||||
$('add-this-to-cart').removeClassName('disabled'); // remove unavailable class from add-to-cart button
|
||||
$('add-this-to-cart').disabled = false; // reenable add-to-cart button
|
||||
$('price-field').innerHTML = Shopify.formatMoney(variant.price, "{{shop.money_with_currency_format}}"); // update price field
|
||||
} else {
|
||||
// variant doesn't exist
|
||||
$('add-this-to-cart').addClassName('disabled'); // set add-to-cart button to unavailable class
|
||||
$('add-this-to-cart').disabled = true; // disable add-to-cart button
|
||||
$('price-field').innerHTML = (variant) ? "Sold Out" : "Unavailable"; // update price-field message
|
||||
}
|
||||
};
|
||||
|
||||
// initialize multi selector for product
|
||||
Event.observe(document, 'dom:loaded', function() {
|
||||
new Shopify.OptionSelectors("product-info-options", { product: {{ product | json }}, onVariantSelected: selectCallback });
|
||||
});
|
||||
-->
|
||||
</script>
|
||||
|
||||
|
||||
<div id="page" class="innerpage clearfix">
|
||||
<h1>{{ collection.title }} {{ product.title }}</h1>
|
||||
|
||||
|
||||
<p class="latest-news"><strong>Product Tags: </strong>
|
||||
{% for tag in product.tags %}
|
||||
<a href="/collections/all/{{ tag }}">{{ tag }}</a> |
|
||||
{% endfor %}
|
||||
</p>
|
||||
|
||||
<div class="product clearfix">
|
||||
<div class="product-info">
|
||||
<h1>{{ product.title }}</h1>
|
||||
<div class="product-info-description">
|
||||
<p>{{ product.description }} </p>
|
||||
</div>
|
||||
|
||||
{% if product.available %}
|
||||
<form action="/cart/add" method="post">
|
||||
|
||||
<h2>Product Options:</h2>
|
||||
|
||||
<select id="product-info-options" name="id" class="product-info-options">
|
||||
{% for variant in product.variants %}
|
||||
<option value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
|
||||
<div id="price-field"></div>
|
||||
|
||||
<div class="product-purchase-btn">
|
||||
<input type="submit" class="add-this-to-cart" id="add-this-to-cart" value="Add to Basket" />
|
||||
</div>
|
||||
|
||||
</form>
|
||||
{% else %}
|
||||
<h2>Sold out!</h2>
|
||||
<p>Sorry, we're all out of this product. Check back often and order when it returns</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div class="product-images clearfix">
|
||||
{% for image in product.images %}
|
||||
|
||||
{% if forloop.first %}
|
||||
<div class="product-image-large">
|
||||
<img src="{{ image | product_img_url: 'medium'}}" alt="{{product.title | escape }}" />
|
||||
</div>
|
||||
{% else %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
<ul class="product-thumbs clearfix">
|
||||
{% for image in product.images %}
|
||||
{% if forloop.first %}
|
||||
{% else %}
|
||||
|
||||
<li>
|
||||
<a href="{{ image | product_img_url: 'large' }}" class="product-thumbs" rel="lightbox[product]" title="">
|
||||
<img src="{{ image | product_img_url: 'small'}}" alt="{{product.title | escape }}" />
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div id="three-reasons" class="clearfix">
|
||||
<h3>Why Shop With Us?</h3>
|
||||
<ul>
|
||||
<li class="two-a">
|
||||
<h4>24 Hours</h4>
|
||||
<p>We're always here to help.</p>
|
||||
</li>
|
||||
<li class="two-c">
|
||||
<h4>No Spam</h4>
|
||||
<p>We'll never share your info.</p>
|
||||
</li>
|
||||
<li class="two-d">
|
||||
<h4>Secure Servers</h4>
|
||||
<p>Checkout is 256bit encrypted.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- end page -->
|
||||
|
||||
<script type="text/javascript">
|
||||
<!--
|
||||
// prototype callback for multi variants dropdown selector
|
||||
var selectCallback = function(variant, selector) {
|
||||
if (variant && variant.available == true) {
|
||||
// selected a valid variant
|
||||
$('add-this-to-cart').removeClassName('disabled'); // remove unavailable class from add-to-cart button
|
||||
$('add-this-to-cart').disabled = false; // reenable add-to-cart button
|
||||
$('price-field').innerHTML = Shopify.formatMoney(variant.price, "{{shop.money_with_currency_format}}"); // update price field
|
||||
} else {
|
||||
// variant doesn't exist
|
||||
$('add-this-to-cart').addClassName('disabled'); // set add-to-cart button to unavailable class
|
||||
$('add-this-to-cart').disabled = true; // disable add-to-cart button
|
||||
$('price-field').innerHTML = (variant) ? "Sold Out" : "Unavailable"; // update price-field message
|
||||
}
|
||||
};
|
||||
|
||||
// initialize multi selector for product
|
||||
Event.observe(document, 'dom:loaded', function() {
|
||||
new Shopify.OptionSelectors("product-info-options", { product: {{ product | json }}, onVariantSelected: selectCallback });
|
||||
});
|
||||
-->
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
@@ -2,50 +2,50 @@
|
||||
|
||||
|
||||
|
||||
<div id="page" class="innerpage clearfix">
|
||||
<h1>Search Results</h1>
|
||||
{% if search.performed %}
|
||||
|
||||
{% paginate search.results by 10 %}
|
||||
|
||||
{% if search.results == empty %}
|
||||
<div class="latest-news">Your search for "{{search.terms | escape}}" did not yield any results</div>
|
||||
{% else %}
|
||||
<div id="page" class="innerpage clearfix">
|
||||
<h1>Search Results</h1>
|
||||
{% if search.performed %}
|
||||
|
||||
{% paginate search.results by 10 %}
|
||||
|
||||
{% if search.results == empty %}
|
||||
<div class="latest-news">Your search for "{{search.terms | escape}}" did not yield any results</div>
|
||||
{% else %}
|
||||
|
||||
|
||||
<ul class="search-list clearfix">
|
||||
{% for item in search.results %}
|
||||
<li>
|
||||
<h3 class="stitle">{{ item.title | link_to: item.url }}</h3>
|
||||
<p class="sinfo">{{ item.content | strip_html | truncatewords: 65 | highlight: search.terms }} ... <a href="{{item.url}}" title="">view this item</a></p>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
|
||||
<div class="paginate clearfix">
|
||||
{{ paginate | default_pagination }}
|
||||
</div>
|
||||
<ul class="search-list clearfix">
|
||||
{% for item in search.results %}
|
||||
<li>
|
||||
<h3 class="stitle">{{ item.title | link_to: item.url }}</h3>
|
||||
<p class="sinfo">{{ item.content | strip_html | truncatewords: 65 | highlight: search.terms }} ... <a href="{{item.url}}" title="">view this item</a></p>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
|
||||
|
||||
<div id="three-reasons" class="clearfix">
|
||||
<h3>Why Shop With Us?</h3>
|
||||
<ul>
|
||||
<li class="two-a">
|
||||
<h4>24 Hours</h4>
|
||||
<p>We're always here to help.</p>
|
||||
</li>
|
||||
<li class="two-c">
|
||||
<h4>No Spam</h4>
|
||||
<p>We'll never share your info.</p>
|
||||
</li>
|
||||
<li class="two-d">
|
||||
<h4>Secure Servers</h4>
|
||||
<p>Checkout is 256bit encrypted.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="paginate clearfix">
|
||||
{{ paginate | default_pagination }}
|
||||
</div>
|
||||
|
||||
|
||||
<div id="three-reasons" class="clearfix">
|
||||
<h3>Why Shop With Us?</h3>
|
||||
<ul>
|
||||
<li class="two-a">
|
||||
<h4>24 Hours</h4>
|
||||
<p>We're always here to help.</p>
|
||||
</li>
|
||||
<li class="two-c">
|
||||
<h4>No Spam</h4>
|
||||
<p>We'll never share your info.</p>
|
||||
</li>
|
||||
<li class="two-d">
|
||||
<h4>Secure Servers</h4>
|
||||
<p>Checkout is 256bit encrypted.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endpaginate %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
@@ -2,15 +2,15 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>{{shop.name}} - {{page_title}}</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
|
||||
{{ 'reset.css' | asset_url | stylesheet_tag }}
|
||||
{{ 'style.css' | asset_url | stylesheet_tag }}
|
||||
|
||||
{{ 'lightbox.css' | asset_url | stylesheet_tag }}
|
||||
{{ 'reset.css' | asset_url | stylesheet_tag }}
|
||||
{{ 'style.css' | asset_url | stylesheet_tag }}
|
||||
|
||||
{{ 'lightbox.css' | asset_url | stylesheet_tag }}
|
||||
{{ 'prototype/1.6/prototype.js' | global_asset_url | script_tag }}
|
||||
{{ 'scriptaculous/1.8.2/scriptaculous.js' | global_asset_url | script_tag }}
|
||||
{{ 'lightbox.js' | asset_url | script_tag }}
|
||||
{{ 'lightbox.js' | asset_url | script_tag }}
|
||||
{{ 'option_selection.js' | shopify_asset_url | script_tag }}
|
||||
|
||||
{{ content_for_header }}
|
||||
@@ -18,73 +18,73 @@
|
||||
<body id="page-{{template}}">
|
||||
|
||||
<div id="wrap">
|
||||
|
||||
<div id="top">
|
||||
<div id="cart">
|
||||
<h3>Shopping Cart</h3>
|
||||
<p class="cart-count">
|
||||
{% if cart.item_count == 0 %}
|
||||
Your cart is currently empty
|
||||
{% else %}
|
||||
{{ cart.item_count }} {{ cart.item_count | pluralize: 'item', 'items' }} <span>-</span> Total: {{cart.total_price | money_with_currency }} <span>-</span> <a href="/cart">View Cart</a>
|
||||
{% endif %}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="site-title">
|
||||
<h3><a href="/">{{shop.name}}</a></h3>
|
||||
<h4><span>Tribble: A Shopify Theme</span></h4>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul id="nav">
|
||||
{% for link in linklists.main-menu.links %}
|
||||
<li>{{ link.title | link_to: link.url }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
{{ content_for_layout }}
|
||||
|
||||
<div id="foot" class="clearfix">
|
||||
<div class="quick-links">
|
||||
<h4>Quick Navigation</h4>
|
||||
<ul class="clearfix">
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="#top">Back to top</a></li>
|
||||
{% for link in linklists.main-menu.links %}
|
||||
<li>{{ link.title | link_to: link.url }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="quick-contact">
|
||||
<h4>Quick Contact</h4>
|
||||
<div class="vcard">
|
||||
|
||||
<div class="org fn">
|
||||
<div class="organization-name">Really Great Widget Co.</div>
|
||||
</div>
|
||||
<div class="adr">
|
||||
<span class="street-address">2531 Barrington Court</span>
|
||||
<span class="locality">Hayward</span>,
|
||||
<abbr title="California" class="region">CA</abbr>
|
||||
<span class="postal-code">94545</span>
|
||||
</div>
|
||||
<a class="email" href="mailto:email@myshopifysite.com">
|
||||
email@myshopifysite.com
|
||||
</a>
|
||||
<div class="tel">
|
||||
<span class="type">Support:</span> <span class="value">800-555-9954</span>
|
||||
</div>
|
||||
</div>
|
||||
<div id="top">
|
||||
<div id="cart">
|
||||
<h3>Shopping Cart</h3>
|
||||
<p class="cart-count">
|
||||
{% if cart.item_count == 0 %}
|
||||
Your cart is currently empty
|
||||
{% else %}
|
||||
{{ cart.item_count }} {{ cart.item_count | pluralize: 'item', 'items' }} <span>-</span> Total: {{cart.total_price | money_with_currency }} <span>-</span> <a href="/cart">View Cart</a>
|
||||
{% endif %}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="site-title">
|
||||
<h3><a href="/">{{shop.name}}</a></h3>
|
||||
<h4><span>Tribble: A Shopify Theme</span></h4>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul id="nav">
|
||||
{% for link in linklists.main-menu.links %}
|
||||
<li>{{ link.title | link_to: link.url }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
{{ content_for_layout }}
|
||||
|
||||
<div id="foot" class="clearfix">
|
||||
<div class="quick-links">
|
||||
<h4>Quick Navigation</h4>
|
||||
<ul class="clearfix">
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="#top">Back to top</a></li>
|
||||
{% for link in linklists.main-menu.links %}
|
||||
<li>{{ link.title | link_to: link.url }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="quick-contact">
|
||||
<h4>Quick Contact</h4>
|
||||
<div class="vcard">
|
||||
|
||||
<div class="org fn">
|
||||
<div class="organization-name">Really Great Widget Co.</div>
|
||||
</div>
|
||||
<div class="adr">
|
||||
<span class="street-address">2531 Barrington Court</span>
|
||||
<span class="locality">Hayward</span>,
|
||||
<abbr title="California" class="region">CA</abbr>
|
||||
<span class="postal-code">94545</span>
|
||||
</div>
|
||||
<a class="email" href="mailto:email@myshopifysite.com">
|
||||
email@myshopifysite.com
|
||||
</a>
|
||||
<div class="tel">
|
||||
<span class="type">Support:</span> <span class="value">800-555-9954</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<p><a href="http://shopify.com" class="we-made">Powered by Shopify</a> © Copyright {{ "now" | date: "%Y" }} {{ shop.name }}, All Rights Reserved. <a href="/blogs/news.xml" id="foot-rss">RSS Feed</a></p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<p><a href="http://shopify.com" class="we-made">Powered by Shopify</a> © Copyright {{ "now" | date: "%Y" }} {{ shop.name }}, All Rights Reserved. <a href="/blogs/news.xml" id="foot-rss">RSS Feed</a></p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<p> posted {{ article.created_at | date: "%Y %h" }} by {{ article.author }}</p>
|
||||
<div class="article-body textile">
|
||||
{{ article.content }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if blog.comments_enabled? %}
|
||||
@@ -17,18 +17,18 @@
|
||||
<div class="comment">
|
||||
{{ comment.content }}
|
||||
</div>
|
||||
|
||||
<div class="comment-details">
|
||||
Posted by {{ comment.author }} on {{ comment.created_at | date: "%B %d, %Y" }}
|
||||
|
||||
<div class="comment-details">
|
||||
Posted by {{ comment.author }} on {{ comment.created_at | date: "%B %d, %Y" }}
|
||||
</div>
|
||||
</li>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
|
||||
<!-- Comment Form -->
|
||||
{% form article %}
|
||||
<h3>Leave a comment</h3>
|
||||
|
||||
|
||||
<!-- Check if a comment has been submitted in the last request, and if yes display an appropriate message -->
|
||||
{% if form.posted_successfully? %}
|
||||
{% if blog.moderated? %}
|
||||
@@ -40,11 +40,11 @@
|
||||
<div class="notice">Successfully posted your comment.</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
|
||||
{% if form.errors %}
|
||||
<div class="notice error">Not all the fields have been filled out correctly!</div>
|
||||
{% endif %}
|
||||
|
||||
|
||||
<dl>
|
||||
<dt class="{% if form.errors contains 'author' %}error{% endif %}"><label for="comment_author">Your name</label></dt>
|
||||
<dd><input type="text" id="comment_author" name="comment[author]" size="40" value="{{form.author}}" class="{% if form.errors contains 'author' %}input-error{% endif %}" /></dd>
|
||||
@@ -55,12 +55,12 @@
|
||||
<dt class="{% if form.errors contains 'body' %}error{% endif %}"><label for="comment_body">Your comment</label></dt>
|
||||
<dd><textarea id="comment_body" name="comment[body]" cols="40" rows="5" class="{% if form.errors contains 'body' %}input-error{% endif %}">{{form.body}}</textarea></dd>
|
||||
</dl>
|
||||
|
||||
|
||||
{% if blog.moderated? %}
|
||||
<p class="hint">comments have to be approved before showing up</p>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
<input type="submit" value="Post comment" />
|
||||
{% endform %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
@@ -8,16 +8,16 @@
|
||||
<h3 class="article-head-title">
|
||||
<a href="{{article.url}}">{{ article.title }}</a>
|
||||
</h3>
|
||||
|
||||
|
||||
<p>
|
||||
{% if blog.comments_enabled? %}
|
||||
<a href="{{article.url}}#comments">{{ article.comments_count }} comments</a>
|
||||
—
|
||||
—
|
||||
{% endif %}
|
||||
posted {{ article.created_at | date: "%Y %h" }} by {{ article.author }}</p>
|
||||
<div class="article-body textile">
|
||||
{{ article.content }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
@@ -29,4 +29,4 @@
|
||||
|
||||
|
||||
</div>
|
||||
<div class="clear-me"></div>
|
||||
<div class="clear-me"></div>
|
||||
|
||||
@@ -1,17 +1,17 @@
|
||||
<h1>Shopping Cart</h1>
|
||||
{% if cart.item_count == 0 %}
|
||||
<p><strong>Your shopping basket is empty.</strong> Perhaps a featured item below is of interest...</p>
|
||||
<table id="gallery">
|
||||
{% tablerow product in collections.frontpage.products cols: 3 limit: 12 %}
|
||||
<div class="gallery-image">
|
||||
<a href="{{ product.url | within: collections.frontpage }}" title="{{ product.title | escape }} — {{ product.description | strip_html | truncate: 50 | escape }}"><img src="{{ product.images.first | product_img_url: 'medium' }}" alt="{{ product.title | escape }}" /></a>
|
||||
</div>
|
||||
<div class="gallery-info">
|
||||
<a href="{{ product.url | within: collections.frontpage }}">{{ product.title | truncate: 30 }}</a><br />
|
||||
<small>{{ product.price | money }}{% if product.compare_at_price_max > product.price %} <del>{{ product.compare_at_price_max | money }}</del>{% endif %}</small>
|
||||
</div>
|
||||
{% endtablerow %}
|
||||
</table>
|
||||
<p><strong>Your shopping basket is empty.</strong> Perhaps a featured item below is of interest...</p>
|
||||
<table id="gallery">
|
||||
{% tablerow product in collections.frontpage.products cols: 3 limit: 12 %}
|
||||
<div class="gallery-image">
|
||||
<a href="{{ product.url | within: collections.frontpage }}" title="{{ product.title | escape }} — {{ product.description | strip_html | truncate: 50 | escape }}"><img src="{{ product.images.first | product_img_url: 'medium' }}" alt="{{ product.title | escape }}" /></a>
|
||||
</div>
|
||||
<div class="gallery-info">
|
||||
<a href="{{ product.url | within: collections.frontpage }}">{{ product.title | truncate: 30 }}</a><br />
|
||||
<small>{{ product.price | money }}{% if product.compare_at_price_max > product.price %} <del>{{ product.compare_at_price_max | money }}</del>{% endif %}</small>
|
||||
</div>
|
||||
{% endtablerow %}
|
||||
</table>
|
||||
{% else %}
|
||||
<script type="text/javascript">
|
||||
function remove_item(id) {
|
||||
@@ -20,39 +20,39 @@
|
||||
}
|
||||
</script>
|
||||
<form action="/cart" method="post" id="cartform">
|
||||
<table id="basket">
|
||||
<tr>
|
||||
<th>Item Description</th>
|
||||
<th>Price</th>
|
||||
<th>Qty</th>
|
||||
<th>Delete</th>
|
||||
<th>Total</th>
|
||||
</tr>{% for item in cart.items %}
|
||||
<tr class="basket-{% cycle 'odd', 'even' %}">
|
||||
<td class="basket-column-one">
|
||||
<div class="basket-images">
|
||||
<a href="{{ item.product.url }}" title="{{ item.title | escape }} — {{ item.product.description | strip_html | truncate: 50 | escape }}"><img src="{{ item.product.images.first | product_img_url: 'thumb' }}" alt="{{ item.title | escape }}" /></a>
|
||||
</div>
|
||||
<div class="basket-desc">
|
||||
<p><a href="{{ item.product.url }}">{{ item.title }}</a></p>
|
||||
{{ item.product.description | strip_html | truncate: 120 }}
|
||||
</div>
|
||||
</td>
|
||||
<td class="basket-column">{{ item.price | money }}{% if item.variant.compare_at_price > item.price %}<br /><del>{{ item.variant.compare_at_price | money }}</del>{% endif %}</td>
|
||||
<td class="basket-column"><input type="text" size="4" name="updates[{{item.variant.id}}]" id="updates_{{ item.variant.id }}" value="{{ item.quantity }}" onfocus="this.select();"/></td>
|
||||
<td class="basket-column"><a href="#" onclick="remove_item({{ item.variant.id }}); return false;">Remove</a></td>
|
||||
<td class="basket-column">{{ item.line_price | money }}</td>
|
||||
</tr>{% endfor %}
|
||||
</table>
|
||||
<div id="basket-right">
|
||||
<h3>Subtotal {{ cart.total_price | money }}</h3>
|
||||
<input type="image" src="{{ 'update.png' | asset_url }}" id="update-cart" name="update" value="Update" />
|
||||
<input type="image" src="{{ 'checkout.png' | asset_url }}" name="checkout" value="Checkout" />
|
||||
{% if additional_checkout_buttons %}
|
||||
<table id="basket">
|
||||
<tr>
|
||||
<th>Item Description</th>
|
||||
<th>Price</th>
|
||||
<th>Qty</th>
|
||||
<th>Delete</th>
|
||||
<th>Total</th>
|
||||
</tr>{% for item in cart.items %}
|
||||
<tr class="basket-{% cycle 'odd', 'even' %}">
|
||||
<td class="basket-column-one">
|
||||
<div class="basket-images">
|
||||
<a href="{{ item.product.url }}" title="{{ item.title | escape }} — {{ item.product.description | strip_html | truncate: 50 | escape }}"><img src="{{ item.product.images.first | product_img_url: 'thumb' }}" alt="{{ item.title | escape }}" /></a>
|
||||
</div>
|
||||
<div class="basket-desc">
|
||||
<p><a href="{{ item.product.url }}">{{ item.title }}</a></p>
|
||||
{{ item.product.description | strip_html | truncate: 120 }}
|
||||
</div>
|
||||
</td>
|
||||
<td class="basket-column">{{ item.price | money }}{% if item.variant.compare_at_price > item.price %}<br /><del>{{ item.variant.compare_at_price | money }}</del>{% endif %}</td>
|
||||
<td class="basket-column"><input type="text" size="4" name="updates[{{item.variant.id}}]" id="updates_{{ item.variant.id }}" value="{{ item.quantity }}" onfocus="this.select();"/></td>
|
||||
<td class="basket-column"><a href="#" onclick="remove_item({{ item.variant.id }}); return false;">Remove</a></td>
|
||||
<td class="basket-column">{{ item.line_price | money }}</td>
|
||||
</tr>{% endfor %}
|
||||
</table>
|
||||
<div id="basket-right">
|
||||
<h3>Subtotal {{ cart.total_price | money }}</h3>
|
||||
<input type="image" src="{{ 'update.png' | asset_url }}" id="update-cart" name="update" value="Update" />
|
||||
<input type="image" src="{{ 'checkout.png' | asset_url }}" name="checkout" value="Checkout" />
|
||||
{% if additional_checkout_buttons %}
|
||||
<div class="additional-checkout-buttons">
|
||||
<p>- or -</p>
|
||||
{{ content_for_additional_checkout_buttons }}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</form>{% endif %}
|
||||
</div>
|
||||
</form>{% endif %}
|
||||
|
||||
@@ -1,19 +1,19 @@
|
||||
{% paginate collection.products by 12 %}{% if collection.products.size == 0 %}
|
||||
<strong>No products found in this collection.</strong>{% else %}
|
||||
<h1>{{ collection.title }}</h1>
|
||||
{{ collection.description }}
|
||||
<table id="gallery">
|
||||
{% tablerow product in collection.products cols: 3 %}
|
||||
<div class="gallery-image">
|
||||
<a href="{{ product.url | within: collection }}" title="{{ product.title | escape }} — {{ product.description | strip_html | truncate: 50 | escape }}"><img src="{{ product.images.first | product_img_url: 'small' }}" alt="{{ product.title | escape }}" /></a>
|
||||
</div>
|
||||
<div class="gallery-info">
|
||||
<a href="{{ product.url | within: collection }}">{{ product.title | truncate: 30 }}</a><br />
|
||||
<small>{{ product.price | money }}{% if product.compare_at_price_max > product.price %} <del>{{ product.compare_at_price_max | money }}</del>{% endif %}</small>
|
||||
</div>
|
||||
{% endtablerow %}
|
||||
</table>{% if paginate.pages > 1 %}
|
||||
<div id="paginate">
|
||||
{{ paginate | default_pagination }}
|
||||
</div>{% endif %}{% endif %}
|
||||
{% endpaginate %}
|
||||
<strong>No products found in this collection.</strong>{% else %}
|
||||
<h1>{{ collection.title }}</h1>
|
||||
{{ collection.description }}
|
||||
<table id="gallery">
|
||||
{% tablerow product in collection.products cols: 3 %}
|
||||
<div class="gallery-image">
|
||||
<a href="{{ product.url | within: collection }}" title="{{ product.title | escape }} — {{ product.description | strip_html | truncate: 50 | escape }}"><img src="{{ product.images.first | product_img_url: 'small' }}" alt="{{ product.title | escape }}" /></a>
|
||||
</div>
|
||||
<div class="gallery-info">
|
||||
<a href="{{ product.url | within: collection }}">{{ product.title | truncate: 30 }}</a><br />
|
||||
<small>{{ product.price | money }}{% if product.compare_at_price_max > product.price %} <del>{{ product.compare_at_price_max | money }}</del>{% endif %}</small>
|
||||
</div>
|
||||
{% endtablerow %}
|
||||
</table>{% if paginate.pages > 1 %}
|
||||
<div id="paginate">
|
||||
{{ paginate | default_pagination }}
|
||||
</div>{% endif %}{% endif %}
|
||||
{% endpaginate %}
|
||||
|
||||
@@ -1,22 +1,22 @@
|
||||
<div id="about-excerpt">
|
||||
{% assign article = pages.frontpage %}
|
||||
<div id="about-excerpt">
|
||||
{% assign article = pages.frontpage %}
|
||||
{% if article.content != "" %}
|
||||
<h2>{{ article.title }}</h2>
|
||||
{{ article.content }}
|
||||
{% else %}
|
||||
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" }}
|
||||
{% endif %}
|
||||
</div>
|
||||
<h2>{{ article.title }}</h2>
|
||||
{{ article.content }}
|
||||
{% else %}
|
||||
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" }}
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<table id="gallery">
|
||||
{% tablerow product in collections.frontpage.products cols: 3 limit: 12 %}
|
||||
<div class="gallery-image">
|
||||
<a href="{{ product.url | within: collections.frontpage }}" title="{{ product.title | escape }} — {{ product.description | strip_html | truncate: 50 | escape }}"><img src="{{ product.images.first | product_img_url: 'small' }}" alt="{{ product.title | escape }}" /></a>
|
||||
</div>
|
||||
<div class="gallery-info">
|
||||
<a href="{{ product.url | within: collections.frontpage }}">{{ product.title | truncate: 30 }}</a><br />
|
||||
<small>{{ product.price | money }}{% if product.compare_at_price_max > product.price %} <del>{{ product.compare_at_price_max | money }}</del>{% endif %}</small>
|
||||
</div>
|
||||
{% endtablerow %}
|
||||
</table>
|
||||
<table id="gallery">
|
||||
{% tablerow product in collections.frontpage.products cols: 3 limit: 12 %}
|
||||
<div class="gallery-image">
|
||||
<a href="{{ product.url | within: collections.frontpage }}" title="{{ product.title | escape }} — {{ product.description | strip_html | truncate: 50 | escape }}"><img src="{{ product.images.first | product_img_url: 'small' }}" alt="{{ product.title | escape }}" /></a>
|
||||
</div>
|
||||
<div class="gallery-info">
|
||||
<a href="{{ product.url | within: collections.frontpage }}">{{ product.title | truncate: 30 }}</a><br />
|
||||
<small>{{ product.price | money }}{% if product.compare_at_price_max > product.price %} <del>{{ product.compare_at_price_max | money }}</del>{% endif %}</small>
|
||||
</div>
|
||||
{% endtablerow %}
|
||||
</table>
|
||||
|
||||
@@ -1,3 +1,3 @@
|
||||
<h1>{{ page.title }}</h1>
|
||||
{{ page.content }}
|
||||
|
||||
<h1>{{ page.title }}</h1>
|
||||
{{ page.content }}
|
||||
|
||||
|
||||
@@ -1,19 +1,19 @@
|
||||
<div id="product-left">
|
||||
{% for image in product.images %}{% if forloop.first %}<div id="product-image">
|
||||
<a href="{{ image | product_img_url: 'large' }}" rel="lightbox[images]" title="{{ product.title | escape }}"><img src="{{ image | product_img_url: 'medium' }}" alt="{{ product.title | escape }}" /></a>
|
||||
</div>{% else %}
|
||||
<div class="product-images">
|
||||
<a href="{{ image | product_img_url: 'large' }}" rel="lightbox[images]" title="{{ product.title | escape }}"><img src="{{ image | product_img_url: 'small' }}" alt="{{ product.title | escape }}" /></a>
|
||||
</div>{% endif %}{% endfor %}
|
||||
{% for image in product.images %}{% if forloop.first %}<div id="product-image">
|
||||
<a href="{{ image | product_img_url: 'large' }}" rel="lightbox[images]" title="{{ product.title | escape }}"><img src="{{ image | product_img_url: 'medium' }}" alt="{{ product.title | escape }}" /></a>
|
||||
</div>{% else %}
|
||||
<div class="product-images">
|
||||
<a href="{{ image | product_img_url: 'large' }}" rel="lightbox[images]" title="{{ product.title | escape }}"><img src="{{ image | product_img_url: 'small' }}" alt="{{ product.title | escape }}" /></a>
|
||||
</div>{% endif %}{% endfor %}
|
||||
</div>
|
||||
<div id="product-right">
|
||||
<h1>{{ product.title }}</h1>
|
||||
{{ product.description }}
|
||||
|
||||
{% if product.available %}
|
||||
<form action="/cart/add" method="post">
|
||||
<h1>{{ product.title }}</h1>
|
||||
{{ product.description }}
|
||||
|
||||
<div id="product-variants">
|
||||
{% if product.available %}
|
||||
<form action="/cart/add" method="post">
|
||||
|
||||
<div id="product-variants">
|
||||
<div id="price-field"></div>
|
||||
|
||||
<select id="product-select" name='id'>
|
||||
@@ -21,18 +21,18 @@
|
||||
<option value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="image" src="{{ 'purchase.png' | asset_url }}" name="add" value="Purchase" id="purchase" />
|
||||
</form>
|
||||
{% else %}
|
||||
<p class="bold-red">This product is temporarily unavailable</p>
|
||||
{% endif %}
|
||||
</form>
|
||||
{% else %}
|
||||
<p class="bold-red">This product is temporarily unavailable</p>
|
||||
{% endif %}
|
||||
|
||||
<div id="product-details">
|
||||
<strong>Continue Shopping</strong><br />
|
||||
Browse more {{ product.type | link_to_type }} or additional {{ product.vendor | link_to_vendor }} products.
|
||||
</div>
|
||||
<div id="product-details">
|
||||
<strong>Continue Shopping</strong><br />
|
||||
Browse more {{ product.type | link_to_type }} or additional {{ product.vendor | link_to_vendor }} products.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -48,14 +48,14 @@
|
||||
} else {
|
||||
// variant doesn't exist
|
||||
$('purchase').addClass('disabled'); // set add-to-cart button to unavailable class
|
||||
$('purchase').disabled = true; // disable add-to-cart button
|
||||
$('purchase').disabled = true; // disable add-to-cart button
|
||||
$('price-field').innerHTML = (variant) ? "Sold Out" : "Unavailable"; // update price-field message
|
||||
}
|
||||
};
|
||||
|
||||
// initialize multi selector for product
|
||||
window.addEvent('domready', function() {
|
||||
new Shopify.OptionSelectors("product-select", { product: {{ product | json }}, onVariantSelected: selectCallback });
|
||||
new Shopify.OptionSelectors("product-select", { product: {{ product | json }}, onVariantSelected: selectCallback });
|
||||
});
|
||||
-->
|
||||
</script>
|
||||
|
||||
@@ -22,101 +22,101 @@
|
||||
<body id="page-{{ template }}">
|
||||
|
||||
<div id="header">
|
||||
<div class="container">
|
||||
<div id="logo">
|
||||
<h1><a href="/" title="{{ shop.name }}">{{ shop.name }}</a></h1>
|
||||
</div>
|
||||
<div id="navigation">
|
||||
<ul id="navigate">
|
||||
<li><a href="/cart">View Cart</a></li>
|
||||
{% for link in linklists.main-menu.links reversed %}
|
||||
<li><a href="{{ link.url }}">{{ link.title }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div id="logo">
|
||||
<h1><a href="/" title="{{ shop.name }}">{{ shop.name }}</a></h1>
|
||||
</div>
|
||||
<div id="navigation">
|
||||
<ul id="navigate">
|
||||
<li><a href="/cart">View Cart</a></li>
|
||||
{% for link in linklists.main-menu.links reversed %}
|
||||
<li><a href="{{ link.url }}">{{ link.title }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="mini-header">
|
||||
<div class="container">
|
||||
<div id="shopping-cart">
|
||||
<a href="/cart">Your shopping cart contains {{ cart.item_count }} {{ cart.item_count | pluralize: 'item', 'items' }}</a>
|
||||
</div>
|
||||
<div id="search-box">
|
||||
<form action="/search" method="get">
|
||||
<input type="text" name="q" id="q" />
|
||||
<input type="image" src="{{ 'seek.png' | asset_url }}" value="Seek" onclick="this.parentNode.submit(); return false;" id="seek" />
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div id="shopping-cart">
|
||||
<a href="/cart">Your shopping cart contains {{ cart.item_count }} {{ cart.item_count | pluralize: 'item', 'items' }}</a>
|
||||
</div>
|
||||
<div id="search-box">
|
||||
<form action="/search" method="get">
|
||||
<input type="text" name="q" id="q" />
|
||||
<input type="image" src="{{ 'seek.png' | asset_url }}" value="Seek" onclick="this.parentNode.submit(); return false;" id="seek" />
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="layout">
|
||||
<div class="container">
|
||||
<div id="layout-left" {% if template != "cart" %}{% if template != "product" %}style="width:619px"{% endif %}{% endif %}>{% if template == "search" %}
|
||||
<h1>Search Results</h1>{% endif %}
|
||||
{{ content_for_layout }}
|
||||
</div>{% if template != "cart" %}{% if template != "product" %}
|
||||
<div class="container">
|
||||
<div id="layout-left" {% if template != "cart" %}{% if template != "product" %}style="width:619px"{% endif %}{% endif %}>{% if template == "search" %}
|
||||
<h1>Search Results</h1>{% endif %}
|
||||
{{ content_for_layout }}
|
||||
</div>{% if template != "cart" %}{% if template != "product" %}
|
||||
|
||||
<div id="layout-right">
|
||||
{% if template == "index" %}
|
||||
{% if blogs.news.articles.size > 1 %}
|
||||
<a href="{{ shop.url }}/blogs/news.xml"><img src="{{ 'feed.png' | asset_url }}" alt="Subscribe" class="feed" /></a>
|
||||
<h3><a href="/blogs/news">More news</a></h3>
|
||||
<ul id="blogs">{% for article in blogs.news.articles limit: 6 offset: 1 %}
|
||||
<li><a href="{{ article.url }}">{{ article.title | strip_html | truncate: 30 }}</a><br />
|
||||
<small>{{ article.content | strip_html | truncatewords: 12 }}</small>
|
||||
</li>{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{% if template == "collection" %}
|
||||
<h3>Collection Tags</h3>
|
||||
<div id="tags">{% if collection.tags.size == 0 %}
|
||||
No tags found.{% else %}
|
||||
<span class="tags">{% for tag in collection.tags %}{% if current_tags contains tag %} {{ tag | highlight_active_tag | link_to_remove_tag: tag }}{% else %} {{ tag | highlight_active_tag | link_to_add_tag: tag }}{% endif %}{% unless forloop.last %}, {% endunless %}{% endfor %}</span>{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div id="layout-right">
|
||||
{% if template == "index" %}
|
||||
{% if blogs.news.articles.size > 1 %}
|
||||
<a href="{{ shop.url }}/blogs/news.xml"><img src="{{ 'feed.png' | asset_url }}" alt="Subscribe" class="feed" /></a>
|
||||
<h3><a href="/blogs/news">More news</a></h3>
|
||||
<ul id="blogs">{% for article in blogs.news.articles limit: 6 offset: 1 %}
|
||||
<li><a href="{{ article.url }}">{{ article.title | strip_html | truncate: 30 }}</a><br />
|
||||
<small>{{ article.content | strip_html | truncatewords: 12 }}</small>
|
||||
</li>{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{% if template == "collection" %}
|
||||
<h3>Collection Tags</h3>
|
||||
<div id="tags">{% if collection.tags.size == 0 %}
|
||||
No tags found.{% else %}
|
||||
<span class="tags">{% for tag in collection.tags %}{% if current_tags contains tag %} {{ tag | highlight_active_tag | link_to_remove_tag: tag }}{% else %} {{ tag | highlight_active_tag | link_to_add_tag: tag }}{% endif %}{% unless forloop.last %}, {% endunless %}{% endfor %}</span>{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<h3>Navigation</h3>
|
||||
<ul id="links">
|
||||
{% for link in linklists.main-menu.links %}
|
||||
<li><a href="{{ link.url }}">{{ link.title }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
{% if template != "page" %}
|
||||
<h3>Featured Products</h3>
|
||||
<ul id="featuring">{% for product in collections.frontpage.products limit: 6 %}
|
||||
<li class="featuring-list">
|
||||
<div class="featuring-image">
|
||||
<a href="{{ product.url | within: collections.frontpage }}" title="{{ product.title | escape }} — {{ product.description | strip_html | truncate: 50 }}"><img src="{{ product.images.first | product_img_url: 'icon' }}" alt="{{ product.title | escape }}" /></a>
|
||||
</div>
|
||||
<div class="featuring-info">
|
||||
<a href="{{ product.url | within: collections.frontpage }}">{{ product.title | strip_html | truncate: 28 }}</a><br />
|
||||
<small><span class="light">from</span> {{ product.price | money }}</small>
|
||||
</div>
|
||||
</li>{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
</div>{% endif %}{% endif %}
|
||||
</div>
|
||||
<li><a href="{{ link.url }}">{{ link.title }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
{% if template != "page" %}
|
||||
<h3>Featured Products</h3>
|
||||
<ul id="featuring">{% for product in collections.frontpage.products limit: 6 %}
|
||||
<li class="featuring-list">
|
||||
<div class="featuring-image">
|
||||
<a href="{{ product.url | within: collections.frontpage }}" title="{{ product.title | escape }} — {{ product.description | strip_html | truncate: 50 }}"><img src="{{ product.images.first | product_img_url: 'icon' }}" alt="{{ product.title | escape }}" /></a>
|
||||
</div>
|
||||
<div class="featuring-info">
|
||||
<a href="{{ product.url | within: collections.frontpage }}">{{ product.title | strip_html | truncate: 28 }}</a><br />
|
||||
<small><span class="light">from</span> {{ product.price | money }}</small>
|
||||
</div>
|
||||
</li>{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
</div>{% endif %}{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer">
|
||||
<div id="footer-fader">
|
||||
<div class="container">
|
||||
<div id="footer-right">{% for link in linklists.footer.links %}
|
||||
{{ link.title | link_to: link.url }} {% unless forloop.last %}|{% endunless %}{% endfor %}
|
||||
</div>
|
||||
<span id="footer-left">
|
||||
Copyright © {{ "now" | date: "%Y" }} <a href="/">{{ shop.name }}</a>. All Rights Reserved. All prices {{ shop.currency }}.<br />
|
||||
This website is powered by <a href="http://www.shopify.com">Shopify</a>.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer-fader">
|
||||
<div class="container">
|
||||
<div id="footer-right">{% for link in linklists.footer.links %}
|
||||
{{ link.title | link_to: link.url }} {% unless forloop.last %}|{% endunless %}{% endfor %}
|
||||
</div>
|
||||
<span id="footer-left">
|
||||
Copyright © {{ "now" | date: "%Y" }} <a href="/">{{ shop.name }}</a>. All Rights Reserved. All prices {{ shop.currency }}.<br />
|
||||
This website is powered by <a href="http://www.shopify.com">Shopify</a>.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
# This profiler run simulates Shopify.
|
||||
# We are looking in the tests directory for liquid files and render them within the designated layout file.
|
||||
# We will also export a substantial database to liquid which the templates can render values of.
|
||||
# We will also export a substantial database to liquid which the templates can render values of.
|
||||
# All this is to make the benchmark as non syntetic as possible. All templates and tests are lifted from
|
||||
# direct real-world usage and the profiler measures code that looks very similar to the way it looks in
|
||||
# Shopify which is likely the biggest user of liquid in the world which something to the tune of several
|
||||
# million Template#render calls a day.
|
||||
# direct real-world usage and the profiler measures code that looks very similar to the way it looks in
|
||||
# Shopify which is likely the biggest user of liquid in the world which something to the tune of several
|
||||
# million Template#render calls a day.
|
||||
|
||||
require 'rubygems'
|
||||
require 'active_support'
|
||||
@@ -26,8 +26,8 @@ class ThemeRunner
|
||||
end
|
||||
end
|
||||
|
||||
# Load all templates into memory, do this now so that
|
||||
# we don't profile IO.
|
||||
# Load all templates into memory, do this now so that
|
||||
# we don't profile IO.
|
||||
def initialize
|
||||
@tests = Dir[File.dirname(__FILE__) + '/tests/**/*.liquid'].collect do |test|
|
||||
next if File.basename(test) == 'theme.liquid'
|
||||
@@ -36,7 +36,7 @@ class ThemeRunner
|
||||
|
||||
[File.read(test), (File.file?(theme_path) ? File.read(theme_path) : nil), test]
|
||||
end.compact
|
||||
end
|
||||
end
|
||||
|
||||
def compile
|
||||
# Dup assigns because will make some changes to them
|
||||
@@ -59,7 +59,7 @@ class ThemeRunner
|
||||
# Compute page_tempalte outside of profiler run, uninteresting to profiler
|
||||
page_template = File.basename(template_name, File.extname(template_name))
|
||||
compile_and_render(liquid, layout, assigns, page_template, template_name)
|
||||
|
||||
|
||||
end
|
||||
end
|
||||
|
||||
@@ -87,11 +87,11 @@ class ThemeRunner
|
||||
RubyProf.resume
|
||||
html = compile_and_render(liquid, layout, assigns, page_template, template_name)
|
||||
RubyProf.pause
|
||||
|
||||
|
||||
|
||||
# return the result and the MD5 of the content, this can be used to detect regressions between liquid version
|
||||
$stdout.puts "* rendered template %s, content: %s" % [template_name, Digest::MD5.hexdigest(html)]
|
||||
|
||||
|
||||
# Uncomment to dump html files to /tmp so that you can inspect for errors
|
||||
# File.open("/tmp/#{File.basename(template_name)}.html", "w+") { |fp| fp <<html}
|
||||
end
|
||||
@@ -108,11 +108,11 @@ class ThemeRunner
|
||||
content_for_layout = tmpl.parse(template).render(assigns)
|
||||
|
||||
if layout
|
||||
assigns['content_for_layout'] = content_for_layout
|
||||
assigns['content_for_layout'] = content_for_layout
|
||||
tmpl.parse(layout).render(assigns)
|
||||
else
|
||||
content_for_layout
|
||||
end
|
||||
end
|
||||
end
|
||||
end
|
||||
|
||||
|
||||
@@ -12,7 +12,7 @@ class AssignTest < Test::Unit::TestCase
|
||||
'{% assign foo = values %}.{{ foo[1] }}.',
|
||||
'values' => %w{foo bar baz})
|
||||
end
|
||||
|
||||
|
||||
def test_assign_with_filter
|
||||
assert_template_result('.bar.',
|
||||
'{% assign foo = values | split: "," %}.{{ foo[1] }}.',
|
||||
|
||||
@@ -124,4 +124,4 @@ class ConditionTest < Test::Unit::TestCase
|
||||
assert !Condition.new(left, op, right).evaluate(@context || Liquid::Context.new),
|
||||
"Evaluated true: #{left} #{op} #{right}"
|
||||
end
|
||||
end # ConditionTest
|
||||
end # ConditionTest
|
||||
|
||||
@@ -49,7 +49,7 @@ class OutputTest < Test::Unit::TestCase
|
||||
|
||||
expected = %| good bad good |
|
||||
assert_equal expected, Template.parse(text).render(@assigns)
|
||||
end
|
||||
end
|
||||
|
||||
def test_variable_piping
|
||||
text = %( {{ car.gm | make_funny }} )
|
||||
@@ -113,4 +113,4 @@ class OutputTest < Test::Unit::TestCase
|
||||
|
||||
assert_equal expected, Template.parse(text).render(@assigns, :filters => [FunnyFilter])
|
||||
end
|
||||
end # OutputTest
|
||||
end # OutputTest
|
||||
|
||||
@@ -187,16 +187,16 @@ HERE
|
||||
expected = "1234"
|
||||
assert_template_result(expected,markup,assigns)
|
||||
|
||||
# tests to ensure it only breaks out of the local for loop
|
||||
# tests to ensure it only breaks out of the local for loop
|
||||
# and not all of them.
|
||||
assigns = {'array' => [[1,2],[3,4],[5,6]] }
|
||||
markup = '{% for item in array %}' +
|
||||
'{% for i in item %}' +
|
||||
'{% if i == 1 %}' +
|
||||
'{% break %}' +
|
||||
'{% endif %}' +
|
||||
'{{ i }}' +
|
||||
'{% endfor %}' +
|
||||
markup = '{% for item in array %}' +
|
||||
'{% for i in item %}' +
|
||||
'{% if i == 1 %}' +
|
||||
'{% break %}' +
|
||||
'{% endif %}' +
|
||||
'{{ i }}' +
|
||||
'{% endfor %}' +
|
||||
'{% endfor %}'
|
||||
expected = '3456'
|
||||
assert_template_result(expected, markup, assigns)
|
||||
@@ -213,15 +213,15 @@ HERE
|
||||
|
||||
markup = '{% for i in array.items %}{% continue %}{% endfor %}'
|
||||
expected = ""
|
||||
assert_template_result(expected,markup,assigns)
|
||||
assert_template_result(expected,markup,assigns)
|
||||
|
||||
markup = '{% for i in array.items %}{{ i }}{% continue %}{% endfor %}'
|
||||
expected = "12345"
|
||||
assert_template_result(expected,markup,assigns)
|
||||
assert_template_result(expected,markup,assigns)
|
||||
|
||||
markup = '{% for i in array.items %}{% continue %}{{ i }}{% endfor %}'
|
||||
expected = ""
|
||||
assert_template_result(expected,markup,assigns)
|
||||
assert_template_result(expected,markup,assigns)
|
||||
|
||||
markup = '{% for i in array.items %}{% if i > 3 %}{% continue %}{% endif %}{{ i }}{% endfor %}'
|
||||
expected = "123"
|
||||
@@ -233,13 +233,13 @@ HERE
|
||||
|
||||
# tests to ensure it only continues the local for loop and not all of them.
|
||||
assigns = {'array' => [[1,2],[3,4],[5,6]] }
|
||||
markup = '{% for item in array %}' +
|
||||
'{% for i in item %}' +
|
||||
'{% if i == 1 %}' +
|
||||
'{% continue %}' +
|
||||
'{% endif %}' +
|
||||
'{{ i }}' +
|
||||
'{% endfor %}' +
|
||||
markup = '{% for item in array %}' +
|
||||
'{% for i in item %}' +
|
||||
'{% if i == 1 %}' +
|
||||
'{% continue %}' +
|
||||
'{% endif %}' +
|
||||
'{{ i }}' +
|
||||
'{% endfor %}' +
|
||||
'{% endfor %}'
|
||||
expected = '23456'
|
||||
assert_template_result(expected, markup, assigns)
|
||||
@@ -253,28 +253,28 @@ HERE
|
||||
|
||||
def test_for_tag_string
|
||||
# ruby 1.8.7 "String".each => Enumerator with single "String" element.
|
||||
# ruby 1.9.3 no longer supports .each on String though we mimic
|
||||
# ruby 1.9.3 no longer supports .each on String though we mimic
|
||||
# the functionality for backwards compatibility
|
||||
|
||||
assert_template_result('test string',
|
||||
'{%for val in string%}{{val}}{%endfor%}',
|
||||
assert_template_result('test string',
|
||||
'{%for val in string%}{{val}}{%endfor%}',
|
||||
'string' => "test string")
|
||||
|
||||
assert_template_result('test string',
|
||||
'{%for val in string limit:1%}{{val}}{%endfor%}',
|
||||
assert_template_result('test string',
|
||||
'{%for val in string limit:1%}{{val}}{%endfor%}',
|
||||
'string' => "test string")
|
||||
|
||||
assert_template_result('val-string-1-1-0-1-0-true-true-test string',
|
||||
'{%for val in string%}' +
|
||||
'{{forloop.name}}-' +
|
||||
'{{forloop.index}}-' +
|
||||
'{{forloop.length}}-' +
|
||||
'{{forloop.index0}}-' +
|
||||
'{{forloop.rindex}}-' +
|
||||
'{{forloop.rindex0}}-' +
|
||||
'{{forloop.first}}-' +
|
||||
'{{forloop.last}}-' +
|
||||
'{{val}}{%endfor%}',
|
||||
assert_template_result('val-string-1-1-0-1-0-true-true-test string',
|
||||
'{%for val in string%}' +
|
||||
'{{forloop.name}}-' +
|
||||
'{{forloop.index}}-' +
|
||||
'{{forloop.length}}-' +
|
||||
'{{forloop.index0}}-' +
|
||||
'{{forloop.rindex}}-' +
|
||||
'{{forloop.rindex0}}-' +
|
||||
'{{forloop.first}}-' +
|
||||
'{{forloop.last}}-' +
|
||||
'{{val}}{%endfor%}',
|
||||
'string' => "test string")
|
||||
end
|
||||
|
||||
|
||||
@@ -42,11 +42,11 @@ class HtmlTagTest < Test::Unit::TestCase
|
||||
def test_quoted_fragment
|
||||
assert_template_result("<tr class=\"row1\">\n<td class=\"col1\"> 1 </td><td class=\"col2\"> 2 </td><td class=\"col3\"> 3 </td></tr>\n<tr class=\"row2\"><td class=\"col1\"> 4 </td><td class=\"col2\"> 5 </td><td class=\"col3\"> 6 </td></tr>\n",
|
||||
"{% tablerow n in collections.frontpage cols:3%} {{n}} {% endtablerow %}",
|
||||
'collections' => {'frontpage' => [1,2,3,4,5,6]})
|
||||
'collections' => {'frontpage' => [1,2,3,4,5,6]})
|
||||
assert_template_result("<tr class=\"row1\">\n<td class=\"col1\"> 1 </td><td class=\"col2\"> 2 </td><td class=\"col3\"> 3 </td></tr>\n<tr class=\"row2\"><td class=\"col1\"> 4 </td><td class=\"col2\"> 5 </td><td class=\"col3\"> 6 </td></tr>\n",
|
||||
"{% tablerow n in collections['frontpage'] cols:3%} {{n}} {% endtablerow %}",
|
||||
'collections' => {'frontpage' => [1,2,3,4,5,6]})
|
||||
|
||||
|
||||
end
|
||||
|
||||
def test_enumerable_drop
|
||||
|
||||
Reference in New Issue
Block a user