solidus_liquid 0.0.1.alpha

data/app/views/solidus_liquid/themes/skeleton-theme/templates/blog.grid.liquid

@@ -0,0 +1,30 @@
+{% assign products_per_page = settings.products_per_row | times: settings.number_of_rows %}
+{% assign numbers = 'one, two, three, four, five, six' | split: ',' %}
+{% assign products_per_row = settings.products_per_row | minus: 1 %}
+{% assign products_per_row = numbers[products_per_row] | strip | append: '-per-row' %}
+
+{% paginate blog.articles by products_per_page %}
+
+{% if current_tags %}
+<h1 class="delta">{{ blog.title | link_to: blog.url }} <span class="quiet">&raquo;</span> {{ current_tags.first }}</h1>
+{% else %}
+<h1 class="delta">{{ blog.title }}</h1>
+{% endif %}
+
+<ul class="grid clearfix">
+  {% for article in blog.articles %}
+    {% include 'article-grid-item' with products_per_row %}
+  {% endfor %}
+</ul>
+  
+{% if paginate.pages > 1 %}
+<div class="pagination">
+{% comment %}
+  When paginating blog articles, a previous article is actually a newer article, not an older one,
+  because blog articles are shown and paginated in a reversed chronological order.
+  The word 'previous' can be confusing, hence we'll change it.
+{% endcomment %}
+{{ paginate | default_pagination | replace: 'Previous', 'Newer articles' | replace: 'Next', 'Older articles' }}
+{% endif %}
+
+{% endpaginate %}

data/app/views/solidus_liquid/themes/skeleton-theme/templates/blog.liquid

@@ -0,0 +1,92 @@
+{% paginate blog.articles by 5 %}
+
+{% if current_tags %}
+<h1 class="delta">{{ blog.title | link_to: blog.url }} <span class="quiet">&raquo;</span> {{ current_tags.first }}</h1>
+{% else %}
+<h1 class="delta">{{ blog.title }}</h1>
+{% endif %}
+
+<div class="articles">
+
+  {% for article in blog.articles %}
+  
+  {% comment %}
+    Let's extract a blog image.
+    We will look for an image in the excerpt first, and in the blog post itself second.
+    We will remove the image suffix to grab as big an image as we can.
+  {% endcomment %}
+    
+  {% assign article_has_image = false %}
+  {% assign img_tag = '<' | append: 'img' %}
+  {% if article.excerpt_or_content contains img_tag %}
+    {% assign src = article.excerpt_or_content | split: 'src="' %}
+    {% assign src = src[1] | split: '"' | first %}
+    {% if src %}
+      {% assign article_has_image = true %}
+      {% assign image_src = src | replace: '_small', '' | replace: '_compact', '' | replace: '_medium', '' | replace: '_large', '' | replace: '_grande', '' %}
+    {% endif %}
+  {% endif %}  
+  
+  <div class="article{% if forloop.first %} first{% endif %}{% if forloop.last %} last{% endif %} clear">
+    <h2 class="title">
+      <a href="{{ article.url }}">{{ article.title }}</a>
+    </h2>
+    <h3 class="date">
+      <time pubdate datetime="{{ article.published_at | date: '%Y-%m-%d' }}">{{ article.published_at | date: '%b %d, %Y' }}</time>
+    </h3>
+    <div class="row">
+      {% if article_has_image %}
+      <div class="third column">
+        <a href="{{ article.url }}">
+          <span class="square-holder" style="background-image: url({{ image_src }})">
+          </span>
+        </a>
+      </div>
+      <div class="two-thirds column">
+        <div class="rte fadeout-overflow-bottom grid-margins">          
+      {% else %}
+      <div class="full column">
+        <div class="rte">
+      {% endif %}        
+          {% if article.excerpt.size > 0 %}
+          <div class="no-images">{{ article.excerpt }}</div>
+          {% else %}
+          <p>{{ article.content | strip_html | truncatewords: 120 }}</p>
+          {% endif %}
+        </div>
+        <p>
+          <a class="blog-read-more" href="{{ article.url }}">Read more →</a>
+        </p>
+      </div>
+    </div>
+    <div class="meta">
+      {% if blog.comments_enabled? and article.comments_count > 0 %}
+      <span class="meta-comments">
+        <a href="{{ article.url }}#comments"><i class="fa fa-comment"></i> {{ article.comments_count }} {{ article.comments_count | pluralize: 'comment','comments' }}</a>
+      </span>
+      {% endif %}
+      {% if article.tags.size > 0 %}
+      <span class="tags">
+        {% for tag in article.tags %} 
+        <a href="{{ blog.url }}/tagged/{{ tag | handle }}">{% if forloop.first %}<i class="fa fa-tag"></i> {% endif %}{{ tag }}</a>{% unless forloop.last %}, {% endunless %}
+        {% endfor %}
+      </span>
+      {% endif %}
+  </div>
+</div>
+  
+{% endfor %}
+
+</div>
+  
+{% if paginate.pages > 1 %}
+<div class="pagination">
+{% comment %}
+  When paginating blog articles, a previous article is actually a newer article, not an older one,
+  because blog articles are shown and paginated in a reversed chronological order.
+  The word 'previous' can be confusing, hence we'll change it.
+{% endcomment %}
+{{ paginate | default_pagination | replace: 'Previous', 'Newer articles' | replace: 'Next', 'Older articles' }}
+{% endif %}
+
+{% endpaginate %}

data/app/views/solidus_liquid/themes/skeleton-theme/templates/cart.liquid

@@ -0,0 +1,123 @@
+<h1>Shopping Cart</h1>
+  
+{% if cart.item_count > 0 %}
+
+<form action="/cart" method="post">
+  
+  <table>
+    
+    <thead>
+      <tr>
+        <th class="hide-on-small">Item</th>
+        <th>&nbsp;</th>
+        <th class="hide-on-small">Price</th>
+        <th>Quantity</th>
+        <th>Total</th>
+        <th class="hide-on-small">&nbsp;</th>
+      </tr>
+    </thead>
+    
+    <tbody>
+
+    {% for item in cart.items %}    
+    
+      {% comment %}
+      Determining the handle of the collection that was last seen for the 'continue shopping' link.
+      {% endcomment %}
+      
+      {% assign collection_url = item.product.collections.last.url %}
+      {% if collection_url == '/collections/frontpage' or collection_url == blank %}
+        {% assign collection_url = '/collections/all' %}
+      {% endif %}
+      
+      {% if forloop.first %}
+        {% assign continue_shopping_url = collection_url %}
+      {% endif %}
+
+      <tr>
+        <td class="hide-on-small">
+          <a href="{{ collection_url }}{{ item.url }}">
+            <img src="{{ item | img_url: 'compact' }}"  alt="{{ item.title | escape }}" />
+          </a>
+        </td>
+        <td>
+          <h2 class="delta">
+            <a href="{{ collection_url }}{{ item.url }}">
+            {{ item.title }}
+            </a>
+          </h2>
+          {% comment %}
+          Line Item Properties
+          {% endcomment %}
+          {% assign properties_amount = item.properties | size %}
+          {% if properties_amount > 0 %}
+          <p>
+            {% for p in item.properties %}
+              {% unless p.last == blank %}
+                {{ p.first }}:
+                {% if p.last contains '/uploads/' %}
+                  <a href="{{ p.last }}">{{ p.last | split: '/' | last }}</a>
+                {% else %}
+                  {{ p.last }}
+                {% endif %}
+                <br />
+              {% endunless %}
+            {% endfor %}
+          </p>
+          {% endif %}
+          <h3 class="epsilon">{{ item.vendor }}</h3>
+        </td>
+        <td class="hide-on-small">{{ item.price | money }}</td>
+        <td>
+          <input type="number" name="updates[]" id="updates_{{ item.id }}" class="quantity" value="{{ item.quantity }}" />
+        </td>
+        <td>{{ item.line_price | money }}</td>
+        <td class="hide-on-small">
+          <a href="/cart/change?line={{ forloop.index }}&quantity=0">Remove</a>
+        </td>
+      </tr>
+    {% endfor %}
+    
+    </tbody>
+    
+  </table>
+  
+  {% comment %}
+  For the checkout and update buttons to work, they need to use
+  a name attribute set to 'checkout' and 'update', respectively. That's case-sensitive.
+  {% endcomment %}
+  
+  <div class="column two-thirds flow-opposite right-aligned">
+    <h3 class="gamma">Subtotal <em>{{ cart.total_price | money }}</em></h3>
+    <a class="hide-on-small" href="{{ continue_shopping_url }}">Continue shopping</a>
+    <span class="or hide-on-small">or</span>
+    <input type="submit" name="update" value="Update cart" />
+    <span class="or">or</span>
+    <input type="submit" name="checkout" value="Check out" />    
+    {% comment %}Paypal and Google checkout buttons{% endcomment %}
+    {% if additional_checkout_buttons %}
+    <p class="additional-checkout-buttons">
+      {{ content_for_additional_checkout_buttons }}
+    </p>
+    {% endif %}
+  </div>
+  
+  {% comment %}
+  For the special instructions to be submitted with order,
+  we need to use a name attribute set to 'note'.
+  {% endcomment %}
+  <div class="column third flow-opposite left-aligned">
+    <p>Special instructions for seller</p>
+    <textarea name="note">{{ cart.note }}</textarea>
+  </div>
+
+</form>
+
+{% else %}
+
+<div>
+  <h2 class="gamma">It appears that your cart is currently empty!</h2>
+  <h3 class="delta">You can continue browsing <a href="/collections/all">here</a>.</h3>
+</div>
+
+{% endif %}

data/app/views/solidus_liquid/themes/skeleton-theme/templates/collection.liquid

@@ -0,0 +1,102 @@
+{% comment %}
+  Important notes about pagination:
+  - Never access collection.products before the opening paginate tag.
+  - Never paginate by more than 50.
+{% endcomment %}
+
+{% assign products_per_page = settings.products_per_row | times: settings.number_of_rows %}
+{% assign numbers = 'zero, one, two, three, four, five, six' | split: ',' %}
+{% assign products_per_row = settings.products_per_row | times: 1 %}
+{% assign products_per_row = numbers[products_per_row] | strip | append: '-per-row' %}
+
+{% paginate collection.products by products_per_page %}
+
+{% comment %}
+  Re-use the .rte class wherever you output content that was added by a merchant using
+  the Rich Text Editor ( 'rte' stands for rich text editor ).
+  Style all HTML elements in that content the same way across the board.
+  Use the .rte class in your CSS to help maintain consistency.
+  Example: the h2 element should have the same size and color in:
+  - product descriptions
+  - collection descriptions
+  - page content
+  - blog post
+{% endcomment %}
+
+<h1 class="left">{{ collection.title }}</h1>
+
+{% comment %}
+  Collection sorting. Needs the JavaScript that is at the bottom of this file.
+{% endcomment %}
+{% if collection.products_count > 1 %}
+<select class="sort-by right">
+  <option value="manual">Featured</option>
+  <option value="price-ascending">Price: Low to High</option>
+  <option value="price-descending">Price: Hight to Low</option>
+  <option value="title-ascending">A-Z</option>
+  <option value="title-descending">Z-A</option>
+  <option value="created-ascending">Oldest to Newest</option>
+  <option value="created-descending">Newest to Oldest</option>
+  <option value="best-selling">Best Selling</option>
+ </select>
+{% endif %}
+
+{% comment %}
+  Listing all tags within the current collection.
+  Shopify uses product tags to manage subcategories inside collections.
+  See 'How do I create subcategories of products?' at 
+  http://bit.ly/1j1Dti4 for details.
+{% endcomment %}
+
+{% if collection.all_tags.size > 0 %}
+<ul class="subcategories clearfix clear">
+  <li class="{% unless current_tags %} active{% endunless %}">
+    {{ 'All' | link_to_remove_tag: current_tags.first }}
+  </li>
+  {% for tag in collection.all_tags %}
+  {% if current_tags contains tag %}
+  <li class="active">
+    {{ tag | link_to_remove_tag: tag }}
+  </li>
+  {% else %}
+  <li>
+    {{ tag | link_to_tag: tag }}
+  </li>
+  {% endif %}
+  {% endfor %}  
+</ul>
+{% endif %}
+
+{% if collection.description.size > 0 %}
+<div class="rte clearfix">
+  {{ collection.description }}
+</div>
+{% endif %}
+
+<ul class="grid clearfix">
+{% for product in collection.products %}
+  {% include 'product-grid-item' with products_per_row %}
+{% else %}
+  <p>There are no products in this view.</p>
+{% endfor %}
+</ul>
+
+{% if paginate.pages > 1 %}
+<div class="pagination centered">
+  {{ paginate | default_pagination }}
+</div>
+{% endif %}
+
+{% endpaginate %}
+
+{% comment %}
+  JavaScript for collection sorting.
+{% endcomment %}
+<script>
+jQuery('.sort-by')
+  .val('{{ collection.sort_by | default: collection.default_sort_by }}')
+  .on('change', function() {
+    Shopify.queryParams.sort_by = jQuery(this).val();
+    location.search = jQuery.param(Shopify.queryParams).replace(/\+/g, '%20');
+  });
+</script>

data/app/views/solidus_liquid/themes/skeleton-theme/templates/customers/account.liquid

@@ -0,0 +1,57 @@
+<div class="page-width">
+  <div class="section-header text-center">
+    <h1>{{ 'customer.account.title' | t }}</h1>
+    {{ 'layout.customer.log_out' | t | customer_logout_link }}
+  </div>
+
+  <div class="grid">
+    <div class="grid__item medium-up--two-thirds">
+      <h2>{{ 'customer.orders.title' | t }}</h2>
+
+      {% paginate customer.orders by 20 %}
+        {% if customer.orders.size != 0 %}
+
+          <table class="responsive-table">
+            <thead>
+              <tr>
+                <th>{{ 'customer.orders.order_number' | t }}</th>
+                <th>{{ 'customer.orders.date' | t }}</th>
+                <th>{{ 'customer.orders.payment_status' | t }}</th>
+                <th>{{ 'customer.orders.fulfillment_status' | t }}</th>
+                <th>{{ 'customer.orders.total' | t }}</th>
+              </tr>
+            </thead>
+            <tbody>
+              {% for order in customer.orders %}
+                <tr>
+                  <td data-label="{{ 'customer.orders.order_number' | t }}">
+                    <a href="{{ order.customer_url }}" class="btn btn--secondary btn--small">{{ order.name }}</a>
+                  </td>
+                  <td data-label="{{ 'customer.orders.date' | t }}">{{ order.created_at | date: format: 'month_day_year' }}</td>
+                  <td data-label="{{ 'customer.orders.payment_status' | t }}">{{ order.financial_status_label }}</td>
+                  <td data-label="{{ 'customer.orders.fulfillment_status' | t }}">{{ order.fulfillment_status_label }}</td>
+                  <td data-label="{{ 'customer.orders.total' | t }}">{{ order.total_price | money }}</td>
+                </tr>
+              {% endfor %}
+            </tbody>
+          </table>
+
+        {% else %}
+
+          <p>{{ 'customer.orders.none' | t }}</p>
+
+        {% endif %}
+        {% if paginate.pages > 1 %}
+          {% include 'pagination' %}
+        {% endif %}
+      {% endpaginate %}
+    </div>
+    <div class="grid__item medium-up--one-third">
+      <h2>{{ 'customer.account.details' | t }}</h2>
+
+      {{ customer.default_address | format_address }}
+
+      <p><a href="/account/addresses" class="btn btn--small">{{ 'customer.account.view_addresses' | t }} ({{ customer.addresses_count }})</a></p>
+    </div>
+  </div>
+</div>

data/app/views/solidus_liquid/themes/skeleton-theme/templates/customers/activate_account.liquid

@@ -0,0 +1,26 @@
+<div class="page-width text-center">
+  <div class="grid">
+    <div class="grid__item medium-up--one-half medium-up--push-one-quarter">
+      <div class="section-header">
+        <h1>{{ 'customer.activate_account.title' | t }}</h1>
+        <p>{{ 'customer.activate_account.subtext' | t }}</p>
+      </div>
+
+      <div class="form-vertical">
+        {% form 'activate_customer_password' %}
+
+          {{ form.errors | default_errors }}
+
+          <label for="CustomerPassword" class="label--hidden">{{ 'customer.activate_account.password' | t }}</label>
+          <input type="password" value="" name="customer[password]" id="CustomerPassword" placeholder="{{ 'customer.activate_account.password' | t }}">
+
+          <label for="CustomerPasswordConfirmation" class="label--hidden">{{ 'customer.activate_account.password_confirm' | t }}</label>
+          <input type="password" value="" name="customer[password_confirmation]" id="CustomerPasswordConfirmation" placeholder="{{ 'customer.activate_account.password_confirm' | t }}">
+
+          <input type="submit" class="btn" value="{{ 'customer.activate_account.submit' | t }}">
+          <div><input type="submit" name="decline" value="{{ 'customer.activate_account.cancel' | t }}"></div>
+        {% endform %}
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/solidus_liquid/themes/skeleton-theme/templates/customers/addresses.liquid

@@ -0,0 +1,173 @@
+{% paginate customer.addresses by 5 %}
+
+<div class="page-width text-center">
+  <header class="section-header">
+    <h1>{{ 'customer.addresses.title' | t }}</h1>
+    <p><a href="/account">{{ 'customer.account.return' | t }}</a></p>
+    <p>
+      <button type="button" class="btn address-new-toggle">{{ 'customer.addresses.add_new' | t }}</button>
+    </p>
+  </header>
+</div>
+
+<div class="page-width">
+  <div class="grid">
+    <div class="grid__item medium-up--two-thirds medium-up--push-one-sixth">
+      {% comment %}
+        Add address form, hidden by default
+      {% endcomment %}
+      <div id="AddressNewForm" class="form-vertical hide">
+        {% form 'customer_address', customer.new_address %}
+          <h2>{{ 'customer.addresses.add_new' | t }}</h2>
+
+          <div class="grid">
+            <div class="grid__item medium-up--one-half">
+              <label for="AddressFirstNameNew">{{ 'customer.addresses.first_name' | t }}</label>
+              <input type="text" id="AddressFirstNameNew" name="address[first_name]" value="{{ form.first_name }}">
+            </div>
+
+            <div class="grid__item medium-up--one-half">
+              <label for="AddressLastNameNew">{{ 'customer.addresses.last_name' | t }}</label>
+              <input type="text" id="AddressLastNameNew" name="address[last_name]" value="{{ form.last_name }}">
+            </div>
+          </div>
+
+          <div class="grid">
+            <div class="grid__item">
+              <label for="AddressCompanyNew">{{ 'customer.addresses.company' | t }}</label>
+              <input type="text" id="AddressCompanyNew" name="address[company]" value="{{ form.company }}">
+
+              <label for="AddressAddress1New">{{ 'customer.addresses.address1' | t }}</label>
+              <input type="text" id="AddressAddress1New" name="address[address1]" value="{{ form.address1 }}">
+
+              <label for="AddressAddress2New">{{ 'customer.addresses.address2' | t }}</label>
+              <input type="text" id="AddressAddress2New" name="address[address2]" value="{{ form.address2 }}">
+            </div>
+          </div>
+
+          <div class="grid">
+            <div class="grid__item medium-up--one-half">
+              <label for="AddressCityNew">{{ 'customer.addresses.city' | t }}</label>
+              <input type="text" id="AddressCityNew" name="address[city]" value="{{ form.city }}">
+            </div>
+
+            <div class="grid__item medium-up--one-half">
+              <label for="AddressCountryNew">{{ 'customer.addresses.country' | t }}</label>
+              <select id="AddressCountryNew" name="address[country]" data-default="{{ form.country }}">{{ country_option_tags }}</select>
+            </div>
+          </div>
+
+          <div id="AddressProvinceContainerNew" style="display:none">
+            <label for="AddressProvinceNew">{{ 'customer.addresses.province' | t }}</label>
+            <select id="AddressProvinceNew" name="address[province]" data-default="{{ form.province }}"></select>
+          </div>
+
+          <label for="AddressZipNew">{{ 'customer.addresses.zip' | t }}</label>
+          <input type="text" id="AddressZipNew" name="address[zip]" value="{{ form.zip }}" autocapitalize="characters">
+
+          <label for="AddressPhoneNew">{{ 'customer.addresses.phone' | t }}</label>
+          <input type="tel" id="AddressPhoneNew" name="address[phone]" value="{{ form.phone }}">
+
+          {{ form.set_as_default_checkbox }}
+          <label for="address_default_address_new">{{ 'customer.addresses.set_default' | t }}</label>
+
+          <div><input type="submit" class="btn" value="{{ 'customer.addresses.add' | t }}"></div>
+          <div><button type="button" class="text-link address-new-toggle">{{ 'customer.addresses.cancel' | t }}</button></div>
+
+        {% endform %}
+        <hr>
+      </div>
+
+      {% comment %}
+        List all customer addresses with a unique edit form.
+        Also add pagination in case they have a large number of addresses
+      {% endcomment %}
+      {% for address in customer.addresses %}
+        <div class="address text-center">
+          {% if address == customer.default_address %}
+            <p><strong>{{ 'customer.addresses.default' | t }}</strong></p>
+          {% endif %}
+
+          {{ address | format_address }}
+
+          <p>
+            <button type="button" class="btn btn--small address-edit-toggle" data-form-id="{{ address.id }}">{{ 'customer.addresses.edit' | t }}</button>
+            <button type="button" class="btn btn--secondary btn--small address-delete" data-form-id="{{ address.id }}" data-confirm-message="{{ 'customer.addresses.delete_confirm' | t }}">{{ 'customer.addresses.delete' | t }}</button>
+          </p>
+        </div>
+
+        <div id="EditAddress_{{ address.id }}" class="form-vertical hide">
+          {% form 'customer_address', address %}
+
+            <h4 class="h2">{{ 'customer.addresses.edit_address' | t }}</h4>
+
+            <div class="grid">
+              <div class="grid__item medium-up--one-half">
+                <label for="AddressFirstName_{{ form.id }}">{{ 'customer.addresses.first_name' | t }}</label>
+                <input type="text" id="AddressFirstName_{{ form.id }}" name="address[first_name]" value="{{ form.first_name }}">
+              </div>
+
+              <div class="grid__item medium-up--one-half">
+                <label for="AddressLastName_{{ form.id }}">{{ 'customer.addresses.last_name' | t }}</label>
+                <input type="text" id="AddressLastName_{{ form.id }}" name="address[last_name]" value="{{ form.last_name }}">
+              </div>
+            </div>
+
+            <label for="AddressCompany_{{ form.id }}">{{ 'customer.addresses.company' | t }}</label>
+            <input type="text" id="AddressCompany_{{ form.id }}" name="address[company]" value="{{ form.company }}">
+
+            <label for="AddressAddress1_{{ form.id }}">{{ 'customer.addresses.address1' | t }}</label>
+            <input type="text" id="AddressAddress1_{{ form.id }}" name="address[address1]" value="{{ form.address1 }}">
+
+            <label for="AddressAddress2_{{ form.id }}">{{ 'customer.addresses.address2' | t }}</label>
+            <input type="text" id="AddressAddress2_{{ form.id }}" name="address[address2]" value="{{ form.address2 }}">
+
+            <div class="grid">
+              <div class="grid__item medium-up--one-half">
+                <label for="AddressCity_{{ form.id }}">{{ 'customer.addresses.city' | t }}</label>
+                <input type="text" id="AddressCity_{{ form.id }}" name="address[city]" value="{{ form.city }}">
+              </div>
+              <div class="grid__item medium-up--one-half">
+                <label for="AddressCountry_{{ form.id }}">{{ 'customer.addresses.country' | t }}</label>
+                <select id="AddressCountry_{{ form.id }}" class="address-country-option" data-form-id="{{ form.id }}" name="address[country]" data-default="{{ form.country }}">{{ country_option_tags }}</select>
+              </div>
+            </div>
+
+            <div id="AddressProvinceContainer_{{ form.id }}" style="display:none">
+              <label for="AddressProvince_{{ form.id }}">{{ 'customer.addresses.province' | t }}</label>
+              <select id="AddressProvince_{{ form.id }}" name="address[province]" data-default="{{ form.province }}"></select>
+            </div>
+
+            <div class="grid">
+              <div class="grid__item">
+                <label for="AddressZip_{{ form.id }}">{{ 'customer.addresses.zip' | t }}</label>
+                <input type="text" id="AddressZip_{{ form.id }}" name="address[zip]" value="{{ form.zip }}" autocapitalize="characters">
+              </div>
+
+              <div class="grid__item">
+                <label for="AddressPhone_{{ form.id }}">{{ 'customer.addresses.phone' | t }}</label>
+                <input type="tel" id="AddressPhone_{{ form.id }}" name="address[phone]" value="{{ form.phone }}">
+              </div>
+            </div>
+
+            <div class="text-center">
+              {{ form.set_as_default_checkbox }}
+              <label for="address_default_address_{{ form.id }}">{{ 'customer.addresses.set_default' | t }}</label>
+
+              <div><input type="submit" class="btn" value="{{ 'customer.addresses.update' | t }}"></div>
+              <div><button type="button" class="text-link address-edit-toggle" data-form-id="{{ form.id }}">{{ 'customer.addresses.cancel' | t }}</button></div>
+            </div>
+
+          {% endform %}
+          <hr>
+        </div>
+      {% endfor %}
+
+      {% if paginate.pages > 1 %}
+        {% include 'pagination' %}
+      {% endif %}
+    </div>
+  </div>
+
+</div>
+{% endpaginate %}