Merge 0076831 into a239c80

templates/catalog/node.html

@@ -0,0 +1 @@
+{% extends 'webshop/catalog/node.html' %}

templates/webshop/catalog/node.html

@@ -0,0 +1,49 @@
+{% extends 'base.jinja' %}
+
+{% from '_helpers.jinja' import render_pagination, render_product_list  %}
+
+{% block breadcrumb %}
+{{ super() }}
+<li>
+  <a href="{{ url_for('product.tree_node.render', active_id=node.id, slug=node.slug) }}">{{ node.name }}</a>
+</li>
+{% endblock breadcrumb %}
+
+{% block main %}
+<section>
+  <div class="container">
+    <!-- category page -->
+      <!-- Content bar -->
+      <div class="col-md-10 product-list">
+        <div class="row">
+          <div class="col-md-9">
+            <h3 class="list-heading">{{ node.rec_name }}</h3>
+          </div>
+          <!--Filter Option -->
+          <div class="col-md-3">
+            <select class="form-control select-sort">
+              <option>{{ _('Discount') }}</option>
+              <option>{{ _('Low Price First') }}</option>
+              <option>{{ _('High Price First') }}</option>
+              <option>{{ _('Popularity') }}</option>
+              <option>{{ _('What\'s New') }}</option>
+            </select>
+          </div>
+        </div>
+        <div class="masonry js-masonry"  data-masonry-options='{ "columnWidth": ".category-list", "itemSelector": ".product-item", "isFitWidth": true }'>
+          <div class="category-list"></div>
+          {% for product in products %}
+            {{ render_product_list(product) }}
+          {% endfor %}
+        </div>
+        {{ render_pagination(products, endpoint='product.tree_node.render', active_id=node.id, slug=node.slug) }}
+      </div>
+    </div>
+  </div>
+</section>
+{% endblock main%}
+
+{% block script_tags %}
+{{ super() }}
+<script src="{{ url_for('nereid.webshop.send_static_file', filename='js/masonry.pkgd.min.js') }}" ></script>
+{% endblock script_tags %}