@ -1,16 +1,21 @@
{% extends 'base.jinja' %}
{% block meta_description %}
{% if category %}{{ category.title }}{% elif 'sale' in request.path %}Скидки{% else %}Поиск по запросу {{ request.GET['q'] }}{% endif %} в интернет-магазине снаряжения для дайвинга и подводной охоты Батискаф-Казахстан.
{% if category %}{{ category.title }}{% elif 'sale' in request.path %}Скидки{% else %}Поиск по запросу
{{ request.GET['q'] }}{% endif %} в интернет-магазине снаряжения для дайвинга и подводной охоты
Батискаф-Казахстан.
{% endblock %}
{% block meta_keywords %}
{% if products %}{% for product in products %}{{ product.title }}, {% endfor %}{% endif %}{% if category %}{{ category.title }}, {% for parent in category.get_parents() %}, {{ parent.title }}{% endfor %}{% elif 'sale' in request.path %}Скидки{% else %}Поиск, {{ request.GET['q'] }}{% endif %}, Товар, Цена, Купить, Фото, Интернет-Магазин, Батискаф-Казахстан
{% if products %}{% for product in products %}{{ product.title }}, {% endfor %}{% endif %}{% if category %}
{{ category.title }}, {% for parent in category.get_parents() %},
{{ parent.title }}{% endfor %}{% elif 'sale' in request.path %}Скидки{% else %}Поиск,
{{ request.GET['q'] }}{% endif %}, Товар, Цена, Купить, Фото, Интернет-Магазин, Батискаф-Казахстан
{% endblock %}
{% block title %}
{% if category %}
{{ category.title }}{% for parent in category.get_parents() %} > {{ parent.title }}{% endfor %}
{% elif 'sale' in request.path %}
{{ category.title }}{% for parent in category.get_parents() %} > {{ parent.title }}{% endfor %}
{% elif 'sale' in request.path %}
Скидки
{% else %}
{% else %}
Поиск по запросу {{ request.GET['q'] }}
{% endif %}
{% endblock %}
@ -18,16 +23,16 @@
<div class=" breadcrumbs">
<ol class="breadcrumb breadcrumb-arrow">
<li><a href="/">Главная</a></li>
{% if category %}
{% for parent in category.get_parents() %}
<li><a href="{{ parent.get_absolute_url() }}">{{ parent.title }}</a></li>
{% endfor %}
<li class="active"><span>{{ category.title }}</span></li>
{% if category %}
{% for parent in category.get_parents() %}
<li><a href="{{ parent.get_absolute_url() }}">{{ parent.title }}</a></li>
{% endfor %}
<li class="active"><span>{{ category.title }}</span></li>
{% elif 'sale' in request.path %}
<li class="active"><span>Скидки</span></li>
<li class="active"><span>Скидки</span></li>
{% else %}
<li class="active"><span>Поиск по запросу {{ request.GET['q'] }}</span></li>
{% endif %}
<li class="active"><span>Поиск по запросу {{ request.GET['q'] }}</span></li>
{% endif %}
</ol>
</div>
@ -47,117 +52,66 @@
</div>
<div class="col-xs-9 col-sm-9 col-md-9 col-lg-9 index-goods category-items">
{% if products %}
<div class="category-paginator">
<div class="category-paginator-top">
<div class="row">
<div class="col-xs-4">С {{ products.start_index() }} до {{ products.end_index() }}
из {{ products.paginator.count }}</div>
<div class="col-xs-4 text-center paginate">Страница: {% if products.has_previous() %}
<a href="?page={{ products.previous_page_number() }}">←</a>{% endif %}
{% for page in products.paginator.page_range %}
{% if page == products.number %}
{{ page }}
{% else %}
<a href="?page={{ page }}">{{ page }}</a>
{% endif %}
{% endfor %}
{% if products.has_next() %}
<a href="?page={{ products.next_page_number() }}">→</a>
{% endif %}</div>
<div class="col-xs-4 text-right">Показать
<select name="show-count" id="">
<option value="30">30</option>
<option value="60">60</option>
<option value="90">90</option>
<option value="150">150</option>
<option value="all">Все</option>
</select>
на странице
{% if products %}
<div class="category-paginator">
<div class="category-paginator-top">
<div class="row">
<div class="col-xs-4">С {{ products.start_index() }} до {{ products.end_index() }}
из {{ products.paginator.count }}</div>
<div class="col-xs-4 text-center paginate">Страница: {% if products.has_previous() %}
<a href="?page={{ products.previous_page_number() }}">←</a>{% endif %}
{% for page in products.paginator.page_range %}
{% if page == products.number %}
{{ page }}
{% else %}
<a href="?page={{ page }}">{{ page }}</a>
{% endif %}
{% endfor %}
{% if products.has_next() %}
<a href="?page={{ products.next_page_number() }}">→</a>
{% endif %}</div>
<div class="col-xs-4 text-right">Показать
<select name="show-count" id="">
<option value="30">30</option>
<option value="60">60</option>
<option value="90">90</option>
<option value="150">150</option>
<option value="all">Все</option>
</select>
на странице
</div>
</div>
</div>
</ div>
<div class="category-paginator-bottom ">
<div class="row" >
<div class="col-xs-6"></div>
<div class="col-xs-6 text-right">Сортировать по
<select name="products-sort" id="" >
<option value="-date">Дате добавления &d arr;</option>
<option value="date">Дате добавления &u arr;</option>
<option value="-price">Цене &d arr;</option>
<option value="price">Цене ↑</option >
</select >
<div class="category-paginator-bottom" >
<div class="row ">
<div class="col-xs-6"></div >
<div class="col-xs-6 text-right">Сортировать по
<select name="products-sort" id="">
<option value="-date">Дате добавления ↓</option >
<option value="date">Дате добавления &u arr;</option>
<option value="-price">Цене &d arr;</option>
<option value="price">Цене &u arr;</option>
</select >
</div >
</div>
</div>
</div>
</div>
{% endif %}
{% endif %}
<div class="row">
{% if products %}
{% for product in products %}
<div class="col-md-4 col-xs-4 col-sm-4 col-lg-4">
<div class="thumbnail">
{% if is_sale %}
<div class="sale-percent-block">
-{{ product.min_price_variation().discount }}%
</div>
{% endif %}
{% set im = product.main_image()|thumbnail("420x420") %}
<a href="{{ product.get_absolute_url() }}">
<img src="/static/{{ im.url }}"
class="img-responsive" alt="Купить {{ product.title }}" title="Купить {{ product.title }}"></a>
<div class="caption">
<div class="title">
<a href="{{ product.get_absolute_url() }}">
{{ product.title }}
</a>
</div>
<div class="price">
{% if is_sale %}
<small class="text-danger"><s>{{ product.min_price_variation().price }} ₸</s></small>
{% endif %}
{{ product.min_price() }} ₸
</div>
{% if product.in_stock() %}
<div class="state-yes">
<span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span> Товар
есть в наличии
</div>
{% else %}
<div class="state-no">
{# TODO: Товар на заказ#}
<span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span> Товара
нет в наличии
</div>
{% endif %}
<div class="in-cart">
{# TODO: Сделать кнопку заказать#}
{% if product.in_stock() %}
<a class="btn btn-warning btn-block"
href="/store/cart/add/?pk={{ product.variations.filter(in_stock__gt=0).order_by('price').first().pk }}&count=1&next={{ request.get_full_path()|urlencode }}"><span><span
class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Добавить в корзину</span></a>
{% else %}
<a class=" btn btn-danger btn-block order-order-link" href="#order-form" data-itemid="{{ product.pk }}"><span><span
class="glyphicon glyphicon-import" aria-hidden="true"></span> Заказать</span></a>
{% endif %}
</div>
</div>
</div>
</div>
{% if product.in_stock() %}
{% include 'includes/category_product_thumb.jinja' with context %}
{% endif %}
{% endfor %}
{% for product in products %}
{% if not product.in_stock() %}
{% include 'includes/category_product_thumb.jinja' with context %}
{% endif %}
{% endfor %}
{% else %}
@ -169,64 +123,64 @@
<p><a class="btn btn-warning" href="/">Перейти на главную страницу</a>
{% if category %}
<a class="btn btn-link"
href="{{ category.get_absolute_url() }}">или
отменить фильтрацию</a>
<a class="btn btn-link"
href="{{ category.get_absolute_url() }}">или
отменить фильтрацию</a>
{% endif %} </p>
</div>
{% endif %}
</div>
{% if products %}
<div class="category-paginator">
<div class="category-paginator-top">
<div class="row">
<div class="col-xs-4">С {{ products.start_index() }} до {{ products.end_index() }}
из {{ products.paginator.count }}</div>
<div class="col-xs-4 text-center paginate">Страница: {% if products.has_previous() %}
<a href="?page={{ products.previous_page_number() }}">←</a>{% endif %}
{% for page in products.paginator.page_range %}
{% if page == products.number %}
{{ page }}
{% else %}
<a href="?page={{ page }}">{{ page }}</a>
{% endif %}
{% endfor %}
{% if products.has_next() %}
<a href="?page={{ products.next_page_number() }}">→</a>
{% endif %}</div>
<div class="col-xs-4 text-right">Показать
<select name="show-count" id="">
<option value="30">30</option>
<option value="60">60</option>
<option value="90">90</option>
<option value="150">150</option>
<option value="all">Все</option>
</select>
на странице
{% if products %}
<div class="category-paginator">
<div class="category-paginator-top">
<div class="row">
<div class="col-xs-4">С {{ products.start_index() }} до {{ products.end_index() }}
из {{ products.paginator.count }}</div>
<div class="col-xs-4 text-center paginate">Страница: {% if products.has_previous() %}
<a href="?page={{ products.previous_page_number() }}">←</a>{% endif %}
{% for page in products.paginator.page_range %}
{% if page == products.number %}
{{ page }}
{% else %}
<a href="?page={{ page }}">{{ page }}</a>
{% endif %}
{% endfor %}
{% if products.has_next() %}
<a href="?page={{ products.next_page_number() }}">→</a>
{% endif %}</div>
<div class="col-xs-4 text-right">Показать
<select name="show-count" id="">
<option value="30">30</option>
<option value="60">60</option>
<option value="90">90</option>
<option value="150">150</option>
<option value="all">Все</option>
</select>
на странице
</div>
</div>
</div>
</ div>
<div class="category-paginator-bottom ">
<div class="row" >
<div class="col-xs-6"></div>
<div class="col-xs-6 text-right">Сортировать по
<select name="products-sort" id="" >
<option value="-date">Дате добавления &d arr;</option>
<option value="date">Дате добавления &u arr;</option>
<option value="-price">Цене &d arr;</option>
<option value="price">Цене ↑</option >
</select >
<div class="category-paginator-bottom" >
<div class="row ">
<div class="col-xs-6"></div >
<div class="col-xs-6 text-right">Сортировать по
<select name="products-sort" id="">
<option value="-date">Дате добавления ↓</option >
<option value="date">Дате добавления &u arr;</option>
<option value="-price">Цене &d arr;</option>
<option value="price">Цене &u arr;</option>
</select >
</div >
</div>
</div>
</div>
</div>
{% endif %}
{% endif %}
</div>
</div>